Android Studio Flutter项目解析

Android Studio Flutter项目解析,第1张

目录

Android Studio

Flutter项目解析

widget概念

Widget接口

MaterialApp

main.dart文件

引入组件库

入口函数

大家的福利: 链接


Android Studio 配置Android Studio,clone gitHub项目到本地;使用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对象,这是我们需要在声明一个类B继承State

大家的福利: 链接

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/990179.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-21
下一篇 2022-05-21

发表评论

登录后才能评论

评论列表(0条)

保存