Flutter
Join下班了吗
github :
https://github.com/SixGL?tab=repositories
展开
-
笔录Flutter (九) 路由
路由分类Flutter的路由就是指界面眺转,在Flutter中通过Navigator组件管理路由导航。并提供了管理堆栈的方法。如:Navigator.push和Navigator.pop总体来说分两种方式:基本路由命名路由基本路由效果图:使用代码import 'package:flutter/material.dart';/** * 基本路由 * */clas...原创 2019-08-11 22:11:32 · 406 阅读 · 0 评论 -
笔录Flutter (八)BottomNavigationBar实现底部导航、TabBar+TabBarView实现Tab切换
效果图:BottomNavigationBar实现底部导航常用属性使用void main() => runApp(MyApp());class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home...原创 2019-08-09 16:13:09 · 2146 阅读 · 0 评论 -
笔录Flutter (六) 布局系列: Stack、Positioned、Align
常用属性关于alignment的使用使用这些属性直接使用Alignment(x, y)x、y两个值的范围在 -1 到 1 之间。如图:坐标的圆点表示center,如上图所示:使用效果图:import 'package:flutter/material.dart';class Layout2 extends State { @override Widget b...原创 2019-08-07 10:26:57 · 2758 阅读 · 0 评论 -
笔录Flutter(五)布局系列:Row、Column、Flex、Expanded 常用属性、使用
Row、Column常用属性线性布局有主轴和纵轴之分,如果布局是沿水平方向,那么主轴就是指水平方向,而纵轴即垂直方向;如果布局沿垂直方向,那么主轴就是指垂直方向,而纵轴就是水平方向线性布局中,有两个定义对齐方式的枚举类MainAxisAlignment和CrossAxisAlignment,分别代表主轴对齐和纵轴对齐Row和Column 参数一样,不同的是布局方向为垂直,主轴纵轴正好相反...原创 2019-08-06 16:13:58 · 2016 阅读 · 0 评论 -
笔录Flutter(十一) FloatingActionButton
FloatingActionButton也是经常用的,除了常见的悬浮在右下角的一个按钮,还可以利用floatingActionButtonLocation属性,控制位置的展示。floatingActionButtonLocation源码:// Flutter 默认对其方式 static const FloatingActionButtonLocation endFloat = _En...原创 2019-08-13 15:33:34 · 827 阅读 · 0 评论 -
笔录Flutter (七) Card、AspectRatio、CircleAvatar、MaterialButton、Wrap
Card、AspectRatio、CircleAvatar、MaterialButton、Wrap 属性AspectRatioaspectRatio:宽高比 aspectRatio: 7 / 8, // 设置宽高比源码:const AspectRatio({ Key key, @required this.aspectRatio, Widget child ...原创 2019-08-08 15:36:58 · 1478 阅读 · 0 评论 -
笔录Flutter(四)GridView常用属性、使用
常用属性使用方式4种使用方式的区别GridView()、GridView.count()、GridView.extent() 这三种和GridView.builder()的区别在于:GridView都需要一个Widget数组作为其子元素,前三种方式都会提前将所有子widget都构建好,所以只适用于子Widget数量比较少当子widget比较多时,我们可以通过GridView.bui...原创 2019-08-05 21:07:12 · 712 阅读 · 0 评论 -
笔录 Flutter(二)Image的属性、使用、圆角、圆形
使用方式属性网络图片、本地图片、项目中资源图片加载资源图片时要注意以下几点:需要创建一个images文件 和lib、ios、android 同一等级区分几倍图的话,可以在images下创建2.0x 、 3.0x、4.0x如下图:assets一定要与uses-material-design齐,直接放开注释会有一个空格的,直接编译会报错 child: Image.ass...原创 2019-08-01 15:35:31 · 1366 阅读 · 0 评论 -
笔录Flutter(三)ListView、ListTitle 的常用属性、使用、下拉刷新、上拉加载
Listview 常用属性reverse 和 shrinkWrap使用注意正常Listview 内容不够一屏(不设置 reverse 和 shrinkWrap属性)reverse = true默认falsescrollDirection = Axis.vertical false:布局从上倒下 true:从下往上scrollDirection = Axis.horizo...原创 2019-08-05 11:58:38 · 5951 阅读 · 1 评论 -
笔录 Flutter (一) Container 、Text属性、使用
属性ContainerTextTextStyle使用import 'package:flutter/material.dart';import 'ContainerPage.dart';import 'TextPage.dart';void main() => runApp(MyApp());class MyApp extends StatelessWidget ...原创 2019-07-31 16:59:29 · 283 阅读 · 0 评论 -
笔录Flutter(十) 侧边栏(Drawer)、UserAccountsDrawerHeader
Flutter练习Drawer、UserAccountsDrawerHeader常用属性Drawer const Drawer({ Key key, this.elevation = 16.0, this.child, this.semanticLabel, }) : assert(elevation != null && elevat...原创 2019-08-12 17:10:31 · 1478 阅读 · 0 评论