码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2020-01-12 18:33:39      阅读:72      评论:0      收藏:0      [点我收藏+]

标签:dex   idg   pre   index   点击   tom   代码量   ios   一个   


技术图片

如何创建一个flutter项目

技术图片

技术图片

如何运行flutter项目



技术图片
技术图片

如何导入widget



技术图片

如何写一个hello world

左边是安卓,右边是IOS
技术图片

技术图片
在实现了相同功能 的程序,flutter的代码要比react native的代码量要少很多。
技术图片


如何使用Widget,并将其嵌套以形成widget树
技术图片

技术图片

技术图片
下图就是运行的效果。
技术图片

如何创建可重用的widget



技术图片

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

技术图片
使用这个widget、。传入了index这样的参数。onPress是按钮被点击的时候触发的事件
技术图片
大括号里面所有的参数都是可选的。
技术图片
让让参数为必选的话,前面就要加上@required
技术图片

技术图片

技术图片

结束

 

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

标签:dex   idg   pre   index   点击   tom   代码量   ios   一个   

原文地址:https://www.cnblogs.com/wangjunwei/p/12183262.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!