3-7 【视频讲解】Flutter入门基础知识_嵌套

如何创建一个flutter项目

3-7 【视频讲解】Flutter入门基础知识_干货_02

3-7 【视频讲解】Flutter入门基础知识_flutter_03

如何运行flutter项目



3-7 【视频讲解】Flutter入门基础知识_ios_04
3-7 【视频讲解】Flutter入门基础知识_大括号_05

如何导入widget



3-7 【视频讲解】Flutter入门基础知识_大括号_06

如何写一个hello world

左边是安卓，右边是IOS
3-7 【视频讲解】Flutter入门基础知识_ios_07

3-7 【视频讲解】Flutter入门基础知识_ios_08
在实现了相同功能 的程序，flutter的代码要比react native的代码量要少很多。
3-7 【视频讲解】Flutter入门基础知识_大括号_09


如何使用Widget，并将其嵌套以形成widget树
3-7 【视频讲解】Flutter入门基础知识_大括号_10

3-7 【视频讲解】Flutter入门基础知识_ios_11

3-7 【视频讲解】Flutter入门基础知识_干货_12
下图就是运行的效果。
3-7 【视频讲解】Flutter入门基础知识_ios_13

如何创建可重用的widget



3-7 【视频讲解】Flutter入门基础知识_干货_14

flutter中要实现相同的功能。定义个CustomeCard这样一个类。继承了StatelessWidget

3-7 【视频讲解】Flutter入门基础知识_干货_15
使用这个widget、。传入了index这样的参数。onPress是按钮被点击的时候触发的事件
3-7 【视频讲解】Flutter入门基础知识_嵌套_16
大括号里面所有的参数都是可选的。
3-7 【视频讲解】Flutter入门基础知识_嵌套_17
让让参数为必选的话，前面就要加上@required
3-7 【视频讲解】Flutter入门基础知识_ios_18

3-7 【视频讲解】Flutter入门基础知识_干货_19

3-7 【视频讲解】Flutter入门基础知识_干货_20

结束