《Dart Flutter教程【2】》

 

• P2222 Flutter ListView动态列表组件 以及循环动态数据
• P2323 Flutter GridView组件 以及动态GridView
• P2424 Flutter页面布局 Paddiing Row Column Expanded组件详解
• P2525 Flutter 页面布局 Stack层叠组件 Stack与Align Stack与Positioned实现定位布局
• P2626 Flutter 页面布局 Flutter AspectRatio、Card卡片组件
• P2727 Flutter 页面布局 Wrap组件
• P2828 Flutter StatefulWidget有状态组件 、页面上绑定数据、改变页面数据 、实现计数器功能 动态列表
• P2929 Flutter BottomNavigationBar 自定义底部导航条、以及实现页面切换 以及模块化
• P3030 flutter中的路由 基本路由 基本路由跳转传值（上）
• P3131 flutter中的路由 命名路由、命名路由传值 、 无状态组件传值 、有状态组件传值（下）
• P3232 flutter中的路由 路由替换 返回到根路由
• P3333 Flutter 自定义AppBar 定义顶部Tab切换 底部Tab结合顶部Tab实现类似头条页面布局
• P3434 Flutter中通过TabController定义顶部tab切换 介绍生命周期函数
• P3535Flutter Drawer侧边栏、DrawerHeader、 UserAccountsDrawerHeader 以及侧边栏内容布局
• P3636 Flutter中的按钮组件 RaisedButton、FlatButton、OutlineButton、IconButton、ButtonBar以及自定义
• P3737 Flutter FloatingActionButton实现类似闲鱼App底部导航凸起按钮
• P3838 Flutter中的表单 TextField单行文本框 多行文本框 CheckBox CheckboxListTile （上）（27分53秒）
• P3939Flutter中的表单 Radio Switch RadioListTile SwitchListTile以及表单组件实现一个简单的学员登记系统（下）
• P4040 Flutter日期和时间戳、格式化日期库、Future异步、官方自带日期组件showDatePicker 时间组件showTimePicker 以及国际化
• P4141 flutter日期 时间组件flutter_cupertino_date_picker的使用
• P4242 Flutter 轮播图 flutter_swiper
• P4343 Flutter Dialog AlertDialog 、SimpleDialog、showModalBottomSheet、showToast
• P4444 Flutter自定义Dialog
• P4545 Flutter http get请求数据、post提交数据、以及渲染动态数据
• P4646 Dio数据渲染- 【Flutter实战已更新126讲】-更多实战访问IT营官网

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

第二种方法：

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Column  和 ListView 的区别：是否铺满整个屏幕

 

 

 

 

 

 组件动态传参

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

container 里层设置的宽度就没有效果了

 

 

 

 

Column 或 Row 里面嵌套 Container，再控制高度

 

 

 Column 里面套 Row，Row 里面有两个元素

 

也可以用 ListView

 

 

 

Row里面两个元素之间的间距 

 

 

 

 

 

 

 再来看上面这个 container

 

 

 

 

 

 

 

 右：直接list view 搞定了