Flutter Widget
文艺青年o好像不是我
这个作者很懒,什么都没留下…
展开
-
SafeArea Widget
SafeArea可以通过填充来使得子控件适配手机屏幕(刘刘海屏之类的).列入在iPhone X中显示一个列表,可以使得列表进行缩进,避免底部的操作区域.import 'package:flutter/material.dart';class GoogleSefeArea extends StatelessWidget { @override Widget build(Build...原创 2019-01-10 17:34:47 · 1107 阅读 · 0 评论 -
Expanded Widget
Flutter布局的时候基本都使用行和列,基本都是按照相同比列进行排列显示的.如果想让其中一个拉伸并填充余下的空间,只需要在子控件外加上Expanded即可.设置fix可以增加子控件的权重.import 'package:flutter/material.dart';class GoogleExpand extends StatelessWidget { @override W...原创 2019-01-10 17:36:16 · 338 阅读 · 0 评论 -
Wrap Widget
某些时候在显示行或者列时,由于宽度或者高度超过了屏幕,多余的部分无法显示,并且还会报出错误.使用Wrap来替代Row或者Column,就可以自适应的进行新增行或者列来进行显示.还可以设置对齐方式alignment,runAlignment;间距spacing,runspacing等.import 'package:flutter/material.dart';class GoogleWa...原创 2019-01-10 17:37:37 · 164 阅读 · 0 评论 -
Opacity Widget
一般情况下,要移除界面中的某和控件只需要将控件代码删除即可,但是如果希望控件隐藏,但是控件之间占的位置依然保留,就需要使用Opacity来进行包裹.并且还可以使用AnimatedOpacity添加动画,只需要加一个时长,在重新渲染时就会有一个渲染动画.是不是很酷呢.import 'package:flutter/material.dart';class GoogleOpacity ext...原创 2019-01-10 21:19:34 · 296 阅读 · 0 评论 -
FutureBuilde Widget
Flutter和Dart是异步的,使用Dart的Futures可以管理IO,不用担心线程死锁等问题,但是如何在使用Widget时也使用异步操作呢?Flutter提供了FutureBuilder来进行处理,FutureBuilder可以很容易的得到当前Widget的状态,并选择在加载数据时显示的内容.以及在可以使用时显示的内容.首先给FutureBuilder设置future一个网络请求,bu...原创 2019-01-11 13:42:34 · 541 阅读 · 0 评论 -
FadeTransition
Flutter有一的动画引擎很强大, 可以为应用添加任何的效果个动画,但是有些时候,有些效果和动画并不需要那么炫酷,比如淡入淡出.Flutter同样也提供了很多转场可以加入应用中,比如FadeTransition,FadeTransition可以对Widget进行淡入淡出效果,它只需要一个子项和一个动画.import 'package:flutter/material.dart';cla...原创 2019-01-11 14:13:53 · 1631 阅读 · 0 评论