首页 > 其他 > 详细

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

时间:2020-01-12 20:19:48      阅读:78      评论:0      收藏:0      [点我收藏+]


技术分享图片

如何创建一个flutter项目

技术分享图片

技术分享图片

如何运行flutter项目



技术分享图片
技术分享图片

如何导入widget



技术分享图片

如何写一个hello world

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

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


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

技术分享图片

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

如何创建可重用的widget



技术分享图片

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

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

技术分享图片

技术分享图片

结束

 

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!