001第一个flutter文件

001_第一个flutter程序hello_flutter_runApp和Text_哔哩哔哩_bilibilihttps://www.bilibili.com/video/BV1RZ421p7BL?spm_id_from=333.788.videopod.episodes&vd_source=68aea1c1d33b45ca3285a52d4ef7365f&p=149runApp 把你传入的Widget显示在屏幕上

dart环境中常量构造函数可以省略const,编译器不会提示警告,但是flutter环境常量构造函数,会提示给常量构造函数添加 const

复制代码
 import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
 ​
 main(){
     runApp(Text("hello flutter",
     //textDirection: 指定文本的排列方向
         textDirection:TextDirection.ltr,//指定文本方向,ltr 代表文本从左到右
         style: TextStyle(fontSize: 88,color: Colors.white),//设置文本的样式。TextStyle 是一个类,允许你设置字体的大小、颜色、字体样式等
     ));
 }
 ​
 class A{
     String a;
     int b;
 ​
     A(this.a, this.b);
     A.init(this.a, this.b);
 }

运行效果:

  • 所有flutter代码都是放在lib目录中,默认入口文件是main.dart,也可以自己手动设置执行某个文件

  • runApp 把你传入的Widget小组件显示在屏幕上

  • runApp方法必须包含:import 'package:flutter/material.dart';

  • runApp方法只要一个参数:Widget,翻译过来叫小部件,组件,控件,在flutter中,所有能显示出来的东西都是Widget的子类

  • 因为Widget是抽象类abstract class,所以只能创建他的子类,例如Text

Text是一个文本框:参数data 是默认的参数,是必须填写的,直接用""传入,其他参数在{}中,是个命名可选参数列表,里面的参数必须有参数名字,因为没有required关键字所以可以传入也可以不传入

  • A(this.a, this.b): 这是一个默认的构造函数,使用了简洁的构造方式。通过 this.athis.b,可以将外部传入的参数赋值给类中的字段。这个构造函数会在创建 A 类的实例时被调用,并且 ab 是必需的参数,必须在创建实例时传入。

  • A.init(this.a, this.b): 这个构造函数的作用和上面的一样,只是命名不同。它的命名为 init,用来初始化类的字段。由于 Dart 语言中没有明确的重载机制,所以不能直接通过相同名称的构造函数来定义不同的行为,但可以通过不同的名称来实现类似的功能。

相关推荐
hnlucky38 分钟前
通俗易懂版知识点:Keepalived + LVS + Web + NFS 高可用集群到底是干什么的?
linux·前端·学习·github·web·可用性测试·lvs
懒羊羊我小弟1 小时前
使用 ECharts GL 实现交互式 3D 饼图:技术解析与实践
前端·vue.js·3d·前端框架·echarts
前端小巷子1 小时前
CSS3 遮罩
前端·css·面试·css3
运维@小兵1 小时前
vue访问后端接口,实现用户注册
前端·javascript·vue.js
雨汨1 小时前
web:InfiniteScroll 无限滚动
前端·javascript·vue.js
Samuel-Gyx2 小时前
前端 CSS 样式书写与选择器 基础知识
前端·css
天天打码2 小时前
Rspack:字节跳动自研 Web 构建工具-基于 Rust打造高性能前端工具链
开发语言·前端·javascript·rust·开源
字节高级特工2 小时前
【C++】”如虎添翼“:模板初阶
java·c语言·前端·javascript·c++·学习·算法
db_lnn_20213 小时前
【vue】全局组件及组件模块抽离
前端·javascript·vue.js
Qin_jiangshan3 小时前
vue实现进度条带指针
前端·javascript·vue.js