摘要：
上一篇梳理了拥有单个子元素布局的Widget，今天来梳理一下拥有多个子元素布局的Widget。
Row
Row组件常见属性如下：
mainAxisAlignment：主轴的排列方式
crossAxisAlignment：次轴的排列方式
mainAxisSize：主轴应该占据多少空间，取值max为最大，min为最小
children：组件子元素，它的本质是一个List列表
对于Row来说，水平方向是主轴，垂直方向是次轴。
首先来看一下mainAxisAlignment属性值都有哪些 阅读全文
摘要：
入门学习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：一个特 阅读全文
摘要：
今天来学习下TextField文本框组件和Card卡片组件。
只要是应用程序就少不了交互，基本上所有的应用程序都会有用户名、密码输入框，搜索框等等，前面我们有写过一篇基于Form表单的输入功能，今天来看一下TextField文本框组件，文本输入是最常见的一种交互方式，TextField组件就是用来做文本输入的组件。注意这个要和Text组件区分开来，Text组件主要用于显示文本，并不能接受输入文本。 阅读全文
摘要：
如需转载，请注明出处：Flutter学习笔记（20）--FloatingActionButton、PopupMenuButton、SimpleDialog、AlertDialog、SnackBar FloatingActionButton FloatingActionButton FloatingA 阅读全文
摘要：
如需转载，请注明出处：Flutter学习笔记（19）--加载本地图片 上一篇博客正好用到了本地的图片，记录一下用法： 首先新建一个文件夹，这个文件夹要跟目录下 然后在pubspec.yaml里面声明出来（- 后面有个空格） 最后就是使用了： 阅读全文
摘要：
Drawer（抽屉组件）可以实现类似抽屉拉出和推入的效果，可以从侧边栏拉出导航面板。通常Drawer是和ListView组件组合使用的。
Drawer组件可以添加头部效果，用DrawerHeader和UserAccountsDrawerHeader这两个组件可以实现。
DrawerHeader：展示基本信息
UserAccountsDraweHeader：展示用户头像、用户名、Email等信息 阅读全文
摘要：
上一篇我们说了BottmNavigationBar底部导航组件，今天来学习一下顶部导航组件TabBar，TabBar选项卡一般位于AppBar下方，通常和TabBar（顶部导航选项卡）一起使用的有TabBarView和TabController。
TabBar：Tab页的选项组件，默认为水平排列。
TabBarView：Tab页的内容容器，Tab页内容一般处理为随选项卡的改变而改变。
TabController：TabBar和TabBarView的控制器，它是关联这两个组件的桥梁。 阅读全文
摘要：
今天的内容是Scaffold脚手架、AppBar组件、BottomNavigationBar组件，通过这三个组件，能大体构建出一个app的主页面，顶导和底导。 阅读全文
摘要：
今天给大家讲一下MaterialApp应用组件及routes路由详解，我会着重说一下routes路由的使用及解释，因为会经常用到，前面我写的一些demo所涉及到的组件，都是遵循着Material Design设计风格，所谓的Material Design是由Goodle推出的全新的设计语言，这种设计旨在为手机、平板电脑、台式机和其他平台更一致、更广泛的外观和感觉，接下来我们看一下常见的Material Design风格组件： 阅读全文
摘要：
今天上班没那么忙，突然想起来我好像没StatefulWidget（有状态组件）的demo，闲来无事，写一个简单的学习学习，前面我们有说过，Flutter不同于Android。Flutter是只绘制一帧，这一帧会绘制整个widget树，也就是说一次绘制整个界面，那么想一下，如果想要页面内容发生变化，是不是要重新绘制界面呢？如果需要重新绘制的，又怎么样来触发重新绘制的机制呢？ 阅读全文