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 语言中没有明确的重载机制,所以不能直接通过相同名称的构造函数来定义不同的行为,但可以通过不同的名称来实现类似的功能。

相关推荐
沐土Arvin11 分钟前
Nginx 核心配置详解与性能优化最佳实践
运维·开发语言·前端·nginx·性能优化
恋猫de小郭15 分钟前
Flutter Roadmap 2025 发布,快来看看有什么更新吧
android·前端·flutter
自动花钱机19 分钟前
ESLint语法报错
前端·javascript·vue.js·css3·html5
予安灵40 分钟前
XSS 攻击(详细)
前端·web安全·网络安全·网络攻击模型·xss·安全架构·xss攻击
好_快1 小时前
Lodash源码阅读-cloneArrayBuffer
前端·javascript·源码阅读
╰つ゛木槿1 小时前
Vue与React区别分析
前端·vue.js·react.js
thinkQuadratic1 小时前
vue修饰符
前端·javascript·vue.js
不吃香菜的猪1 小时前
el-dialog实现遮罩层后面的内容也能点击
前端·javascript·vue.js
好_快1 小时前
Lodash源码阅读-cloneTypedArray
前端·javascript·源码阅读
好_快1 小时前
Lodash源码阅读-cloneDataView
前端·javascript·源码阅读