摘要:入门学习Flutter有一段时间了,Demo用过的Widget也有不少,想着整体的梳理一下,所以今天结合Flutter中文网和书籍梳理一下Widget的使用,首先梳理一下拥有单个子元素的布局Widget。 Container:一个拥有绘制、定位、调整大小的Widget Padding:一个Widget,会给其子Widget添加指定的填充 Center:将其子Widget居中显示在自身内部的Widget Align:一个WIdget,它可以将其子Widget对其,并可以根据子Widget的大小自动调整大小 FittedBox:按自己的大小调整其子Widget的大小和位置 Baseline:根据子项的基准线对它们的位置进行定位的Widget Offstage:一个布局Widget,可以控制其子Widget的显示和隐藏 LimitedBox:一个当其自身不受约束时才限制其大小的盒子 OverflowBox:对其子项施加不同约束的Widget,它可能允许子项溢出父级 SizedBox:一个特 阅读全文
posted @ 2019-08-23 18:29 CurtisWgh 阅读 (17) 评论 (0) 编辑
摘要:今天来学习下TextField文本框组件和Card卡片组件。 只要是应用程序就少不了交互,基本上所有的应用程序都会有用户名、密码输入框,搜索框等等,前面我们有写过一篇基于Form表单的输入功能,今天来看一下TextField文本框组件,文本输入是最常见的一种交互方式,TextField组件就是用来做文本输入的组件。注意这个要和Text组件区分开来,Text组件主要用于显示文本,并不能接受输入文本。 阅读全文
posted @ 2019-08-22 01:17 CurtisWgh 阅读 (57) 评论 (0) 编辑
摘要:如需转载,请注明出处:Flutter学习笔记(20)--FloatingActionButton、PopupMenuButton、SimpleDialog、AlertDialog、SnackBar FloatingActionButton FloatingActionButton FloatingA 阅读全文
posted @ 2019-08-21 01:47 CurtisWgh 阅读 (74) 评论 (0) 编辑
摘要:如需转载,请注明出处:Flutter学习笔记(19)--加载本地图片 上一篇博客正好用到了本地的图片,记录一下用法: 首先新建一个文件夹,这个文件夹要跟目录下 然后在pubspec.yaml里面声明出来(- 后面有个空格) 最后就是使用了: 阅读全文
posted @ 2019-08-18 23:50 CurtisWgh 阅读 (13) 评论 (0) 编辑
摘要:Drawer(抽屉组件)可以实现类似抽屉拉出和推入的效果,可以从侧边栏拉出导航面板。通常Drawer是和ListView组件组合使用的。 Drawer组件可以添加头部效果,用DrawerHeader和UserAccountsDrawerHeader这两个组件可以实现。 DrawerHeader:展示基本信息 UserAccountsDraweHeader:展示用户头像、用户名、Email等信息 阅读全文
posted @ 2019-08-18 23:36 CurtisWgh 阅读 (82) 评论 (2) 编辑
摘要:上一篇我们说了BottmNavigationBar底部导航组件,今天来学习一下顶部导航组件TabBar,TabBar选项卡一般位于AppBar下方,通常和TabBar(顶部导航选项卡)一起使用的有TabBarView和TabController。 TabBar:Tab页的选项组件,默认为水平排列。 TabBarView:Tab页的内容容器,Tab页内容一般处理为随选项卡的改变而改变。 TabController:TabBar和TabBarView的控制器,它是关联这两个组件的桥梁。 阅读全文
posted @ 2019-08-17 17:40 CurtisWgh 阅读 (50) 评论 (0) 编辑
摘要:今天的内容是Scaffold脚手架、AppBar组件、BottomNavigationBar组件,通过这三个组件,能大体构建出一个app的主页面,顶导和底导。 阅读全文
posted @ 2019-08-16 00:32 CurtisWgh 阅读 (179) 评论 (5) 编辑
摘要:今天给大家讲一下MaterialApp应用组件及routes路由详解,我会着重说一下routes路由的使用及解释,因为会经常用到,前面我写的一些demo所涉及到的组件,都是遵循着Material Design设计风格,所谓的Material Design是由Goodle推出的全新的设计语言,这种设计旨在为手机、平板电脑、台式机和其他平台更一致、更广泛的外观和感觉,接下来我们看一下常见的Material Design风格组件: 阅读全文
posted @ 2019-08-14 00:38 CurtisWgh 阅读 (179) 评论 (3) 编辑
摘要:今天上班没那么忙,突然想起来我好像没StatefulWidget(有状态组件)的demo,闲来无事,写一个简单的学习学习,前面我们有说过,Flutter不同于Android。Flutter是只绘制一帧,这一帧会绘制整个widget树,也就是说一次绘制整个界面,那么想一下,如果想要页面内容发生变化,是不是要重新绘制界面呢?如果需要重新绘制的,又怎么样来触发重新绘制的机制呢? 阅读全文
posted @ 2019-08-07 17:14 CurtisWgh 阅读 (90) 评论 (0) 编辑
摘要:表单组件是个包含表单元素的区域,表单元素允许用户输入内容,比如:文本区域,下拉表单,单选框、复选框等,常见的应用场景有:登陆、注册、输入信息等。表单里有两个重要的组件,一个是Form组件用来做整个表单提交使用的,另一个是TextFormField组件用来做用户输入的。 阅读全文
posted @ 2019-08-01 23:15 CurtisWgh 阅读 (326) 评论 (4) 编辑