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

相关推荐
JNU freshman13 分钟前
vue 之 import 的语法
前端·javascript·vue.js
剑亦未配妥13 分钟前
Vue 2 响应式系统常见问题与解决方案(包含_demo以下划线开头命名的变量导致响应式丢失问题)
前端·javascript·vue.js
凉柚ˇ17 分钟前
Vue图片压缩方案
前端·javascript·vue.js
慧一居士17 分钟前
vue 中 directive 作用,使用场景和使用示例
前端
慧一居士19 分钟前
vue 中 file-saver 功能介绍,使用场景,使用示例
前端
文心快码BaiduComate1 小时前
文心快码3.5S实测插件开发,Architect模式令人惊艳
前端·后端·架构
Kimser1 小时前
基于 VxeTable 的高级表格选择组件
前端·vue.js
摸着石头过河的石头1 小时前
JavaScript 防抖与节流:提升应用性能的两大利器
前端·javascript
酸菜土狗1 小时前
让 ECharts 图表跟随容器自动放大缩小
前端
_大学牲1 小时前
FuncAvatar: 你的头像氛围感神器 🤥🤥🤥
前端·javascript·程序员