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

相关推荐
bin91532 分钟前
DeepSeek 助力 Vue 开发:打造丝滑的 复选框(Checkbox)
前端·javascript·vue.js·前端框架·ecmascript·deepseek
柯南二号29 分钟前
【Android】用 chrome://inspect/#devices 调试H5页面
android·前端·chrome
程序员黄同学1 小时前
请谈谈 React 中的状态管理,如何使用 Context API 和 Redux 进行状态管理?
前端·react.js·前端框架
林涧泣1 小时前
【Uniapp-Vue3】实现隐式自动注册登录及config配置
前端·vue.js·uni-app
AlgorithmAce2 小时前
解决npm/yarn等包管理工具在vscode中使用出现系统禁止运行脚本的情况
前端·npm·node.js
bin91532 小时前
DeepSeek 助力 Vue 开发:打造丝滑的分割线(Divider)
前端·javascript·vue.js·前端框架·ecmascript·deepseek
超级无敌谢大脚2 小时前
前端包管理工具进化论:npm vs yarn vs pnpm 深度对比
前端·npm·node.js
羊小猪~~2 小时前
基于C++“简单且有效”的“数据库连接池”
java·开发语言·前端·数据库·c++·后端·adb
TE-茶叶蛋2 小时前
利用 Vue 3 + Vite + Element UI Plus 结合 Service Worker 实现版本管理
前端·vue.js
m0_528723812 小时前
常用的HTML meta标签有哪些
前端·html