Flutter 之旅--001 搭建环境跟基础控件解析

251 阅读1分钟

Flutter 基础知识 01.png

  ●	Linux环境变量的配置问题
●	Flutter 镜像配置
●	 export PUB_HOSTED_URL=https://pub.flutter-io.cn
●	 export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
●	Flutter 配置
●	 export FLUTTER=~/flutter
●	export PATH=$FLUTTER/bin:$PATH
●	MeterialApp(App素材)
●	home 属性(主页面)
●	需要一个 widget
●	Scaffold 小部件
●	带有导航栏(appBar)
●	导航栏可以设置文字,颜色,相关自定义 Widget
●	body 属性
●	显示在导航栏下面的区域。传递一个Widget给他
●	ListView
●	类似iOS中的TableView
●	构造方法
●	ListView.builder(itemCount,itemBuilder)
●	参数:itemCount 
●	当前这个 ListView一共有多少个 item
●	参数:itemBuilder
●	回调函数function(BuildContext context,int index)
●	作用
●	返回每一个 item。类似与 ios 中的tableView的cellForRow
●	参数
●	context 参数
●	indext 参数
●	目前要返回的cell的index。说白了,就是现在给我返回的第几个item
●	Container小部件
●	类似 ios 中的 UIView。一个空的小部件
●	margin 属性
●	内边距。让内部的小部件往里面缩。
●	举例:EdgetInsets.all(10).T.B.L.R都往里面缩 10px
●	每一个视图 widget 都可以看成一个矩形。
●	color 属性
●	当前这个 Widget 的颜色。布局的时候可以加不同的颜色查看区别
●	SizedBox
●	用来占位的小组件。