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

相关推荐
玄魂25 分钟前
一键生成国庆节祝福海报,给你的朋友圈上点颜色
前端·javascript·数据可视化
彼日花32 分钟前
前端新人30天:从手足无措到融入团队
前端·程序员
搞科研的小刘选手35 分钟前
【学术会议合集】2025-2026年地球科学/遥感方向会议征稿信息
大数据·前端·人工智能·自动化·制造·地球科学·遥感测绘
蓝莓味的口香糖1 小时前
【CSS】flex布局
前端·css
彩旗工作室2 小时前
用 Supabase 打造统一认证中心:为多应用提供单点登录(SSO)
服务器·前端·数据库
EveryPossible2 小时前
第一版代码
前端·javascript·css
ObjectX前端实验室2 小时前
【图形编辑器架构】渲染层篇 — 从 React 到 Canvas 的声明式渲染实现
前端·计算机图形学·图形学
java水泥工2 小时前
基于Echarts+HTML5可视化数据大屏展示-智慧消防大屏
前端·echarts·html5
杨超越luckly2 小时前
HTML应用指南:利用POST请求获取全国索尼体验型零售店位置信息
前端·arcgis·html·数据可视化·门店数据
ObjectX前端实验室3 小时前
【图形编辑器架构】节点树篇 — 从零构建你的编辑器数据中枢
前端·计算机图形学·图形学