Flutter
文章平均质量分 97
Flutter开发
达帮主
对java C C++ 协议开发,Android App ,Android Framework,Modem,单片机,Java web
展开
-
Flutter 中的表单
Flutter常用表单介绍Flutter中常见的表单有TextField单行文本框,TextField多行文本框,CheckBox,Radis,Switch,CheckboxListTile,RadioListTile,SwitchListTile,Slide.TextField文本框组件TextField表单常见属性属性 描述 maxLines 设置此参数可以吧文本框改为多行文本框 onChanged 文本框改变的时候触发的事件 decoration原创 2020-11-24 23:30:36 · 880 阅读 · 1 评论 -
Flutter 中的按钮组件,RaisedButton,FlatButton,OutlineButton,IconButton,ButtonBar
Flutter 按钮组件Flutter里面有很多的Button组件很多,常见的按钮组件有:RaisedButton,FlatButton,IconButton,OutlineButton,ButtonBar,FloationActionButton等..组件 描述 RaisedButton 凸起的按钮,其实就是Material Design风格的Button FlatButton 篇平化的按钮 OutlineButton 线框按钮 IconButton原创 2020-11-23 21:45:48 · 555 阅读 · 2 评论 -
Flutter 实现闲鱼凸起栏
Flutter 实现凸起栏Flutter FloatingActionButton介绍 通过FloatingActionButton实现闲鱼app底部凸起按钮FloatingActionButton简称 FAB,可以实现浮动按钮,也可以实现类似闲鱼app的底部凸起导航。属性名称 属性描述 child 子视图,一般为Icon,不推荐使用文字 tooltip FAB被长按时显示,也是无障碍功能 backgroundColor 背景颜色 elevation.原创 2020-11-23 21:40:37 · 1300 阅读 · 3 评论 -
Flutter Drawer侧边栏,已经侧边栏内容布局
Flutter Drawer侧边栏在Scaffold组件里面传入drawer参数可以定义左栏,传入endDrawer可以定义右侧边栏。侧边栏默认是隐藏的,我们可以通过手指滑动显示侧边栏,也可以通过点击按钮显示侧边栏效果:main.dartimport 'package:flutter/material.dart';void main() { runApp(MyApp());}class MyApp extends StatelessWidget { @override原创 2020-11-22 02:45:06 · 876 阅读 · 4 评论 -
Flutter AppBar自定义顶部导航按钮,图片,颜色,以及
Flutter AppBarFlutter AppBar自定义顶部按钮图标,颜色属性 描述 leading 在标题前面显示的一个控制,在首页通常显示应用的logo,在其他界面通常显示为返回按钮 title 标题,通常显示为当前界面的标题文字,可以放组件 actions 通常使用IconButton来表示,可以放按钮 bottom 通常放tabBar,标题下面显示一个Tab导航栏 backgroundColor 导航背景颜色 iconThem原创 2020-11-16 21:24:18 · 3621 阅读 · 3 评论 -
Flutter Navigator,基本路由,命名路由,描述
Flutter 中的路由大部分应用程序都包含多个页面,并希望用户能从当前屏幕平滑过渡到另一个屏幕。移动应用程序通常通过被称为 “屏幕” 或 “页面”的全屏元素来显示内容,在Flutter中,这些元素被称为 路由(Route) ,他们由导航器(Navigator) 控制管理。Flutter中的路由通俗的讲就是页面跳转。在Flutter中通过Navigator组件管理路由导航。并提供了管理堆栈 的方法,如:Navigator.push 和 Navigator.popFlutter中给我们提供了两种.原创 2020-11-14 12:32:10 · 830 阅读 · 1 评论 -
Flutter BottomNavigationBar 自定义底部导航栏,实现页面切换
Flutter BottomNavigationBar组件BottomNavigationBar是底部导航条,可以让我们定义底部Tab切换,bottomNatigationBar是Scaffold组件的参数。BottomNavigationBar常见属性属性 说明 items List<BottomNavigationBarItem> 底部导航条按钮集合 iconSize icon currentIndex 默认选中第几个 onTap.原创 2020-10-31 13:25:59 · 1919 阅读 · 11 评论 -
Flutter StatelessWidget无状态组件,StatefulWidget有状态组件,页面上绑定数据,改变页面数据
Flutter中自定义有状态组件实现Flutter APP时,我们使用Widgets构建UI,这些widgets有两种类型,stateful和stateless,由于整个APP全部使用widget构建,所以在构建每个widget时,都需要判断使用哪种状态在Flutter中自定义组件其中就是一个类,这个类需要继承 StatelessWidget / StatefulWidgetStatelessWidget是无状态组件,状态不可变的widgetStatefulWidget 是有状态组件,持有的状.原创 2020-10-25 19:47:51 · 1592 阅读 · 2 评论 -
Flutter AspectRatio,Card卡片组件,RaisedButton组件 ,Wrap 组件
Flutter AspectRatio组件AspectRatio的作用是根据设置调整子元素child的宽高比。AspectRatio首先会在布局限制条件允许的范围内尽可能的扩展,widget的高度是由宽度和比率决定的,类似于BoxFit中的contain,按照固定比率去尽量占满区域。如果在满足所有限制条件过后无法找到一个可行的尺寸,AspectRatio最终将会去优先适应布局限制条件,而忽略所设置的比率属性 说明 aspectRatio 宽高比,最终可能不会根据这个值去布局.原创 2020-10-18 00:48:58 · 396 阅读 · 2 评论 -
Flutter ListView列表组件,GridView组件 以及动态GridView,和Column组件 Row组件,Stack组件
Flutter列表组件列表布局是我们项目开发中最常用的一种布局方法。Flutter中我们可以通过ListView来定义列表项。支持垂直和水平方向展示。通过一个属性就可以控制列表的显示方向。列表有一下分类:垂直列表 垂直图文列表 水平列表 动态列表 矩阵试列表Flutter列表参数名称 类型 说明 scrollDirection Axis Axis.horizontal 水平列表 Axis.vertical 垂直列表 padding EdgeI.原创 2020-10-18 00:49:15 · 870 阅读 · 1 评论 -
Flutter Image图片组件
Flutter Image图片组件图片组件是显示图像的组件,Image组件有很多构造函数。Image.asset 本地图片 child: Image.asset( "images/a.png", fit: BoxFit.fill, alignment: Alignment.center, ),pubspec.yaml在pubspec.yaml文件中添加assets如图上。如果..原创 2020-10-18 00:49:31 · 456 阅读 · 1 评论 -
Flutter Widget,Text,Center,MaterialApp,Scaffold,Container控件
Flutter Center控件原创 2020-10-18 00:48:37 · 640 阅读 · 2 评论 -
Dart 中async ,await 和 with(多继承), 导入三方包
Dart相关笔记dart with多继承with也被称之为mixinsmixins使用的条件,随着Dart版本一直在变,这里讲的是Dart2.x中使用mixins的条件: 1、作为mixins的类只能继承自Object,不能继承其他类 2、作为mixins的类不能有构造函数 3、一个类可以mixins多个mixins类 4、mixins绝不是继承,也不是接口,而是一种全新的特性class A { String info="this is A"; void pr...原创 2020-10-18 00:50:21 · 566 阅读 · 3 评论