flutter - 随笔分类 - 紅葉

flutter中的表单使用

摘要：Flutter 中常见的表单有 TextField 单行文本框，TextField 多行文本框、CheckBox、Radio、Switch、CheckboxListTile、RadioListTile、SwitchListTile、Slide. TextField 文本框组件常用属性： maxLi 阅读全文

posted @ 2019-09-19 09:12 紅葉阅读(1264) 评论(0) 推荐(1)

Flutter中的浮动按钮 FloatingActionButton

摘要：FloatingActionButton 简称 FAB ,可以实现浮动按钮，也可以实现类似闲鱼 app 的底部凸起导航。常用属性 FloatingActionButton的常用属性，同flutter中其他按钮的常用属性大部分相同，但是也有特殊的： child ：子视图，一般为 Icon，不推荐使阅读全文

posted @ 2019-06-20 08:25 紅葉阅读(24517) 评论(0) 推荐(1)

flutter中的按钮组件

摘要：Flutter 里有很多的 Button 组件很多，常见的按钮组件有：RaisedButton、FlatButton、IconButton、OutlineButton、ButtonBar、FloatingActionButton 等。 aisedButton ：凸起的按钮，其实就是 Material 阅读全文

posted @ 2019-06-19 20:27 紅葉阅读(8521) 评论(0) 推荐(1)

Drawer实现侧边栏布局

摘要：在 Scaffold 组件里面传入 drawer 参数可以定义左侧边栏，传入 endDrawer 可以定义右侧边栏。侧边栏默认是隐藏的，我们可以通过手指滑动显示侧边栏，也可以通过点击按钮显示侧边栏。我们还是在前面TabBar项目的基础上实现侧边栏。为了能在底部TabBar的三个页面都实现侧边栏效阅读全文

posted @ 2019-06-18 21:17 紅葉阅读(1242) 评论(0) 推荐(0)

TabController定义顶部tab切换

摘要：前面通过DefaultTabController组件实现了AppBar里面的顶部导航切换，但是在项目中有数据请求，上拉加载更多等操作的时候，前面的写法，就不是很方便操作，因此，在flutter里面，还提供了一个用于实现顶部导航的组件：tabController。基本实现为了实现tabContro 阅读全文

posted @ 2019-06-18 08:58 紅葉阅读(4375) 评论(0) 推荐(1)

AppBar中自定义顶部导航

摘要：在上一篇里总结AppBar的一些简单用法，但是AppBar除了有前面那些样式属性外，还能实现类似底部的Tab切换。首先下载并运行前面的项目：然后在此基础上实现Tab切换。常见属性 TabBar有一下常见的属性： tabs ：显示的标签内容，一般使用 Tab 对象,也可以是其他的 Widget 阅读全文

posted @ 2019-06-17 21:55 紅葉阅读(3183) 评论(0) 推荐(0)

flutter 中的AppBar

摘要：在flutter中的很多页面中，都会有下面这段代码：对应就是下图中的红色线框区域，被称作AppBar顶部导航。项目准备在使用AppBar之前，我们先新建一个tabBar的项目：然后在pages文件夹下新建AppBarDemo.dart页面：然后配置路由：并在Home.dart中添加跳转按阅读全文

posted @ 2019-06-17 09:59 紅葉阅读(3246) 评论(0) 推荐(0)

flutter中的路由跳转

摘要：在前面的基本路由和命名路由中，都演示了如何进行路由跳转，并且在路由跳转以后，可以借用系统自带的按钮就行返回上一级，当然了，也可以自定义按钮返回上一级。返回上一级在前面的例子中，当从Home.dart页面跳转到Search.dart页面后，除了系统自带的返回按钮，我们还自定义了一个按钮，然后使用N 阅读全文

posted @ 2019-06-14 18:36 紅葉阅读(2290) 评论(0) 推荐(0)

flutter中的命名路由

摘要：命名路由是区别于基本路由的一种存在，方便于大型项目中路由的统一管理，现在，在前面基本路由的项目基础上实现实现命名路由。使用步骤路由配置命名路由在使用前，需要在根组件main.dart中进行简单的配置（前面是页面路径，后面是页面中的组件名称）： main.dart 路由跳转路由配置完成以后，在阅读全文

posted @ 2019-06-12 20:31 紅葉阅读(3123) 评论(0) 推荐(0)

Flutter 中的基本路由

摘要：Flutter 中的路由通俗的讲就是页面跳转。在 Flutter 中通过 Navigator 组件管理路由导航，并提供了管理堆栈的方法。如：Navigator.push 和 Navigator.pop。Flutter 中给我们提供了两种配置路由跳转的方式：1、基本路由 2、命名路由项目准备由于页阅读全文

posted @ 2019-06-11 21:06 紅葉阅读(859) 评论(0) 推荐(0)

BottomNavigationBar 自定义底部导航条

摘要：在flutter中，BottomNavigationBar 是底部导航条，可以让我们定义底部 Tab 切换，bottomNavigationBar是 Scaffold 组件的参数。 BottomNavigationBar 常见的属性 items ：List底部导航条按钮集合 iconSize ：ic 阅读全文

posted @ 2019-06-11 16:01 紅葉阅读(2811) 评论(0) 推荐(0)

StatefulWidget 有状态组件

摘要：在 Flutter 中自定义组件其实就是一个类，这个类需要继承 StatelessWidget/StatefulWidget： StatelessWidget 是无状态组件，状态不可变的 widget StatefulWidget 是有状态组件，持有的状态可能在 widget 生命周期改变。通俗的讲阅读全文

posted @ 2019-06-10 22:56 紅葉阅读(2660) 评论(0) 推荐(0)

flutte页面布局四

摘要：AspectRatio 组件 AspectRatio 的作用是根据设置调整子元素 child 的宽高比。 AspectRatio 首先会在布局限制条件允许的范围内尽可能的扩展，widget 的高度是由宽度和比率 aspectRatio 决定的，类似于 BoxFit 中的 contain，按照固定比率阅读全文

posted @ 2019-06-10 22:17 紅葉阅读(650) 评论(0) 推荐(0)

flutter页面布局三

摘要：RaisedButton 为了实现今天的效果，在认识Wrap组件之前，先认识一下flutter中的按钮组件，Flutter 中通过 RaisedButton 定义一个按钮。 import 'package:flutter/material.dart'; void main() => runApp(M 阅读全文

posted @ 2019-06-10 08:36 紅葉阅读(530) 评论(0) 推荐(0)

flutter页面布局二

摘要：Stack 在flutter中，Stack表示堆的意思，可以用来实现页面的定位布局。 Stack组件接收两个可选参数： alignment：配置所有子元素的显示位置 children：子组件在上面的Stack组件里面定义了一个Container和两个Text组件，我们会发现这三个组件实现了重叠，并阅读全文

posted @ 2019-06-05 10:16 紅葉阅读(271) 评论(0) 推荐(0)

flutter页面布局一

摘要：Padding组件在 html 中常见的布局标签都有 padding 属性，但是 Flutter 中很多 Widget 是没有 padding 属性。这个时候我们可以用 Padding 组件处理容器与子元素直接的间距。该组件接收两个属性： padding ：padding 值, EdgeInse 阅读全文

posted @ 2019-06-04 23:02 紅葉阅读(1719) 评论(0) 推荐(0)

flutter网格布局之GridView组件

摘要：前面总结了使用ListView来实现列表，但是，有的时候，数据量很大，需要使用矩阵方式排列才能更清晰的展示数据，在flutter中，可以使用网格列表组件GridView来实现这个布局。 GridView接收如下可选参数属性： scrollDirection：滚动方法 padding：内边距 reso 阅读全文

posted @ 2019-06-04 21:25 紅葉阅读(4382) 评论(1) 推荐(0)

flutter动态列表

摘要：在前面一篇总结flutter里面的列表组件ListView的时候，一直都是使用的静态数据，但是在实际的运用过程中，数据都是从后台获取的动态数据，不能再像前面那样写静态数据了，下面模拟一下如果使用动态数据形成列表。数组循环首先循环一个数组，形成动态数据，需要注意的是，数组里的每一项都需要时Widg 阅读全文

posted @ 2019-06-04 14:44 紅葉阅读(1076) 评论(0) 推荐(0)

flutter中的列表组件

摘要：列表布局是我们项目开发中最常用的一种布局方式。Flutter 中我们可以通过 ListView 来定义列表项，支持垂直和水平方向展示。通过一个属性就可以控制列表的显示方向。列表有以下分类：垂直列表垂直图文列表水平列表动态列表矩阵式列表列表参数在flutter中，类别组件 ListVie 阅读全文

posted @ 2019-06-03 17:34 紅葉阅读(3945) 评论(0) 推荐(0)

flutter图片组件

摘要：在flutter中，image组件有很多构造函数，常用的包括Image.asset（本地图片）和Image.network（远程图片）。常用属性不管是显示本地图片还是远程图片，image组件都包含下列常用属性： repeat ：图片的平铺重复方式其中fit包括： BoxFit.fill:全图显阅读全文

posted @ 2019-06-03 08:54 紅葉阅读(407) 评论(0) 推荐(0)

随笔分类 - flutter