随笔分类 - Flutter
Flutter组件示例
摘要：扫描条形码以及二维码，需要用到barcode_scan插件。 添加依赖 dependencies: ... barcode_scan: ^1.0.0 Android配置 先配置 android\app\src\main\AndroidManifest.xml，在该文件中添加添加app获取相机权限及B
阅读全文
摘要：引入依赖： dependencies: fluttertoast: ^3.1.3 import 'package:flutter/material.dart'; import 'package:fluttertoast/fluttertoast.dart'; void main() { runApp
阅读全文
摘要：AlertDialog组件 import 'package:flutter/material.dart'; void main() { runApp(MaterialApp( title: "DialogWidget", home: MyApp(), )); } class MyApp extend
阅读全文
摘要：Switch组件常用的属性： 属性 描述 value 单选的值 onChanged 改变时触发 activeColor 选中的颜色、背景颜色 import 'package:flutter/material.dart'; void main() { runApp(MaterialApp( title
阅读全文
摘要：Radio组件 Radio组件的常用属性： 属性 描述 value 单选的值 onChanged 改变时触发 activeColor 选中的颜色、背景颜色 groupValue 选择组的值 import 'package:flutter/material.dart'; void main() { r
阅读全文
摘要：Checkbox组件 Checkbox组件常用的属性： 属性 描述 value true 或者 false onChanged 改变的时候触发的事件 activeColor 选中的颜色、背景颜色 checkColor 选中的颜色、Checkbox 里面对号的颜色 import 'package:fl
阅读全文
摘要：TextField组件的常用属性： 属性 描述 maxLines 设置此参数可以把文本框改为多行文本框 onChanged 文本框改变的时候触发的事件 decoration hintText 类似 html 中的 placeholder border 配置文本框边框 OutlineInputBord
阅读全文
摘要：FloatingActionButton 简称 FAB ,可以实现浮动按钮，也可以实现类似闲鱼 app 的地步凸起导航。 属性名称 属性值 child 子视图，一般为 Icon，不推荐使用文字 tooltip FAB 被长按时显示，也是无障碍功能 backgroundColor 背景颜色 eleva
阅读全文
摘要：Flutter 里有很多的 Button 组件很多，常见的按钮组件有：RaisedButton、FlatButton、IconButton、OutlineButton、ButtonBar、FloatingActionButton 等。 RaisedButton ：凸起的按钮，其实就是 Materia
阅读全文
摘要：在 Scaffold 组件里面传入 drawer 参数可以定义左侧边栏，传入 endDrawer 可以定义右侧边栏。侧边栏默认是隐藏的，我们可以通过手指滑动显示侧边栏，也可以通过点击按钮显示侧边栏。 DrawerHeader组件的常用属性： 属性 描述 decoration 设置顶部背景颜色 chi
阅读全文
摘要：TabBar组件的常用属性： 属性 描述 tabs 显示的标签内容，一般使用 Tab 对象,也可以是其他的Widget controller TabController 对象 isScrollable 是否可滚动 indicatorColor 指示器颜色 indicatorWeight 指示器高度
阅读全文
摘要：AppBar组件的常用属性如下： 属性 描述 leading 在标题前面显示的一个控件，在首页通常显示应用的 logo；在其他界面通常显示为返回按钮 title 标题，通常显示为当前界面的标题文字，可以放组件 actions 通常使用 IconButton 来表示，可以放按钮组 bottom 通常放
阅读全文
摘要：替换路由 当我们有三个页面，页面1，页面2，页面3。 期望点击页面1按钮，跳转到页面2，页面2点击返回，跳转到页面1； 点击页面2按钮，跳转到页面3，页面3点击返回，跳转到页面1，而不是页面2。 这时就可以用替换路来实现了。 在页面2点击按钮，跳转到页面3的时候，实际上是页面3替换页面2，这时点击返
阅读全文
摘要：Flutter 中的路由通俗的讲就是页面跳转。在 Flutter 中通过 Navigator 组件管理路由导航。并提供了管理堆栈的方法。如：Navigator.push 和 Navigator.pop Flutter 中给我们提供了两种配置路由跳转的方式：1、基本路由 2、命名路由 基本路由 比如我
阅读全文
摘要：BottomNavigationBar常用的属性： 属性名 说明 items List<BottomNavigationBarItem> 底部导航条按钮集合 iconSize icon currentIndex 默认选中第几个 onTap 选中变化回调函数 fixedColor 选中的颜色 type
阅读全文
摘要：Wrap 可以实现流布局，单行的 Wrap 跟 Row 表现几乎一致，单列的 Wrap 则跟 Row 表现几乎一致。但 Row 与 Column 都是单行单列的，Wrap 则突破了这个限制，mainAxis 上空间不足时，则向 crossAxis 上去扩展显示。 Wrap组件的常用属性： 属性 说明
阅读全文
摘要：import 'package:flutter/material.dart'; import 'res/listData.dart'; void main() { runApp(MaterialApp( title: "demo", home: MyApp(), )); } class MyApp
阅读全文
摘要：Card 是卡片组件块，内容可以由大多数类型的 Widget 构成，Card 具有圆角和阴影，这让它看起来有立体感。 Card组件的常用属性： 属性 说明 margin 外边距 child 子组件 shape Card的阴影效果，默认的阴影效果为圆角的长方形边 import 'package:flu
阅读全文
摘要：AspectRatio 的作用是根据设置调整子元素 child 的宽高比。 AspectRatio 首先会在布局限制条件允许的范围内尽可能的扩展，widget 的高度是由宽度和比率决定的，类似于 BoxFit 中的 contain，按照固定比率去尽量占满区域。 如果在满足所有限制条件过后无法找到一个
阅读全文
摘要：Stack 表示堆的意思，我们可以用 Stack 或者 Stack 结合 Align 或者 Stack 结合 Positiond 来实现页面的定位布局。 Stack组件 常用于两个子元素。 Stack组件的常用属性： 属性 说明 alignment 配置所有子元素的显示位置 children 子组件
阅读全文
浙公网安备 33010602011771号