Flutter目录结构介绍、入口、自定义Widget、Center组件、Text组件、MaterialApp组件、Scaffold组件

一, Flutter 目录结构介绍

Flutter目录结构介绍、入口、自定义Widget、Center组件、Text组件、MaterialApp组件、Scaffold组件

 

Flutter目录结构介绍、入口、自定义Widget、Center组件、Text组件、MaterialApp组件、Scaffold组件

 

 

二、Flutter 入口文件、入口方法

每一个 flutter 项目的 lib 目录里面都有一个 main.dart 这个文件就是 flutter 的入口文件
main.dart 里面的
void main(){ 
    runApp(MyApp()); 
}
也可以简写 
void main()=>runApp(MyApp());
其中的 main 方法是 dart 的入口方法。runApp 方法是 flutter 的入口方法。
MyApp 是自定义的一个组件

 

三、Flutter 第一个 Demo Center 组件的使用

import ‘package:flutter/material.dart‘; 
void main(){ 
    runApp(Center( 
    child: Text( 
        "我是一个文本内容", 
         textDirection: TextDirection.ltr, 
      ), 
    )); 
}            

 

四、Flutter 把内容单独抽离成一个组件

 

 

Flutter目录结构介绍、入口、自定义Widget、Center组件、Text组件、MaterialApp组件、Scaffold组件

上一篇:vue中RegExp 正则验证特殊字符或手机号及其他特殊内容;


下一篇:Linux面试题,学习SpringBoot