Flutter
笑叹人生@gaoxiang
追求风的脚步
展开
-
Flutter入门-布局Container、Padding、Align、Center
Flutter入门-布局Container、Padding、Align、CenterContainerContainer的尺寸大小Container自身尺寸变化的两种情况,以下两种情况皆不考虑父节点设置constraints和Container自身设置的width、height:第一种是Container没有子节点的情况下,Container会将自己变得极小,这里我们只要考虑到存在这...原创 2019-07-16 23:01:27 · 10233 阅读 · 0 评论 -
线性布局-Row、Column&权重布局-Expanded
线性布局-Row、Column&权重布局-Expanded线性布局-Row、Column主轴、纵轴概念在线性布局中有主轴和纵轴之分,如果当前是水平布局,那么主轴就是指水平方向,纵轴就是指垂直方向, 如果当前是垂直布局,那么主轴就是指垂直方向,纵轴就是指水平方向mainAxisAlignment :主轴对齐,设置child在Row中的对齐位置,用MainAxisAlignm...原创 2019-07-16 23:02:42 · 1416 阅读 · 0 评论 -
流式布局-Wrap、Flow&&层叠布局-Stack
流式布局-Wrap、Flow&&层叠布局-Stack流式布局-Wrap、FlowWrap的使用和线性布局很像,包括一些参数基本上和线性布局的一样,所以这里我们记录一下Wrap的一些比较特别的参数spacing :主轴方向子节点的间距,就是子节点与子节点之间的留白runSpacing 纵轴方向的间距(主轴与纵轴的概念在线性布局这提了)runAlignment :纵轴方向的对齐方...原创 2019-07-16 23:05:25 · 638 阅读 · 0 评论 -
滑动布局-ScrollView、SingleChildScrollView 、ListView 、GridView
滑动布局-ScrollView、SingleChildScrollView 、ListView 、GridView可滑动的Widget-ScrollView我在用Column进行布局的时候,由于子节点过多,导致出现了OverFlow的提示,这个就是告诉我们内容超出范围了,这个在Android里来做就不会给你提示了,他会直接截取掉,不显示,为了解决这个错误我第一时间想到的就是像Android一...原创 2019-07-16 23:06:06 · 2745 阅读 · 0 评论 -
粘性滑动Sliver、widget矩阵变化、导航返回拦截
粘性滑动Sliver、widget矩阵变化、导航返回拦截CustomScrollViewCuStomScrollView是可以使用sliver来自定义滑动模型的wideget,比如说一个页面中,有一个list View和一个GridView,那么我们如何让他们的滑动连接到一起呢?如果不连接到一起,那么他们肯定是自己滑动自己的,没有一个统一的滑动,CustomScrollView的作用就是将这...原创 2019-07-16 23:06:51 · 318 阅读 · 0 评论 -
原始指针事件监听-Pointer、手势识别-GestureDetector
原始指针事件监听-Pointer、手势识别-GestureDetector原始指针事件监听-Pointer在Android中,我们的事件可以拆分为三点,down、move、up,然后由这三点来决定是否移动,是否长按,是否双击等等功能,在flutter中也是一样Listener({ Key key, this.onPointerDown, this.onPointerMove,...原创 2019-07-16 23:07:32 · 844 阅读 · 0 评论 -
Flutter动画的简单使用
Flutter动画的简单使用Flutter的动画我们要记住三个点,AnimationController、 Thween、Forward(),一个简单的动画就是由这三个组成的AnimationController:AnimationController用于控制动画,开始、反向播放、暂停等等都是由AnimationController来控制的,Controller会在每一帧都生成出一个新的值A...原创 2019-07-16 23:08:20 · 479 阅读 · 0 评论 -
使用Flutter_Boost进行混合开发-Android
使用Flutter_Boost进行混合开发-Android创建Flutter项目,用 flutter create -t module fluttr_test 命令来创建,flutter_test为我们的Flutter的工程名用Android studio打开刚才创建的功能,我们刚创建好的时候不会有.android与.ios这两个目录的,用Android studio打开构建一下就出来了(...原创 2019-07-16 23:09:23 · 1630 阅读 · 0 评论