Android Studio Flutter项目解析

目录

Android Studio

Flutter项目解析

widget概念

Widget接口

MaterialApp

main.dart文件

引入组件库

入口函数

大家的福利： 链接

---

Android Studio

1. 配置Android Studio，clone gitHub项目到本地；
2. 使用Android Studio启动项目。

Flutter项目解析

widget概念

Flutter中通过Widget嵌套Widget的方式来创建UI和进行实践处理的，所以记住，Flutter中万物皆为Widget。

Widget接口

在flutter中，widget的功能是描述一个UI元素的配置信息，它就是说，Widget其实并不是表示最终绘制在设备屏幕上的显示元素，所谓的配置信息就是Widget接受的参数，比如对于Text来讲，文本的内容，对齐方式，文本样式都是它的配置信息。

MaterialApp

创建一个新的Flutter项目的时候，项目第一个组件就是MaterialApp，这是一个Material风格的根控件。

在Android上，在任务管理器的应用程序快照上面显示，在IOS上忽略此属性，IOS上任务管理器应用程序快照上面是Info.plist文件中的CFBundleDisplayName。如果想根据区域显示不同的描述使用onGenerateTitle 。

//Flutter code
MaterialApp(
  title: '测试',
  onGenerateTitle: (context) {
    var local = Localizations.localeOf(context);
    if (local.languageCode == 'zh') {
      return '测试';
    }
    return 'laomeng';
  },
  ...
)

main.dart文件

打开lib文件夹可以看到只有一个main.dart文件，它是整个项目的入口文件。

引入组件库

 

//flutter code
import 'XXXX';

入口函数

 

//flutter code
void main() {   runApp(const MyApp()); }
//改写成箭头函数
void main () => runApp(MyApp());

State是flutter用来渲染动态widget的类，通常在我们声明一个widget类A继承StatefulWidget时实现createState（）方法时需要返回一个State<StatefulWidget>对象，这是我们需要在声明一个类B继承State<StatefulWidget>。

大家的福利： 链接