Flutter入门系列
文章平均质量分 97
学习flutter
喻志强(Xeon)
这个作者很懒,什么都没留下…
展开
-
Flutter报A RenderFlex overflowed错误(宽高度溢出)或者Flutter Widget不显示的解决办法(Expanded、Flexible)
我们在用Flutter写ui的时候,经常会遇见写完Widget后不显示,例如如下代码:代码很简单,实际上就是一个行控件里面放了一个Text和一个ListView。import 'package:flutter/material.dart';void main() => runApp(MyApp());class MyApp extends StatelessWidget { ...原创 2019-04-22 16:43:44 · 30081 阅读 · 4 评论 -
Flutter页面跳转和传值传参,接收页面返回数据、以及解决返回(pop)页面时黑屏的问题
Flutter导航和路由在Android中,我们使用Intent或者第三方路由SDK来解决页面之间的跳转和传值。在Flutter中,官方给我们提供了导航控件和路由控件来帮助我们进行页面的跳转和传值。官方文档: Flutter导航和路由在Flutter中,屏幕和页面统称为路径,我们可以通过routes来定义路径的别名,通过 Navigator来管理这些路径。下面文章中我还是用页面表示路径,...原创 2019-04-09 15:38:27 · 38334 阅读 · 7 评论 -
Flutter中的异步(Future、async、await、FutureBuilder)和 网络请求
Flutter 异步编程在Android开发中,异步编程是必不可少的,比如网络请求、IO操作等很多都是异步操作,而在Android原生中,有主线程和工作线程的概念,耗时操作都是要放到工作线程中的,ui要在主线程中更新,因此,原生Android开发中对线程的处理是必不可少的,幸运的是,一些第三方库例如Rxjava、RxAndroid让我们的线程切换起来十分的方便。但是Flutter是基于Datt...原创 2019-04-10 21:46:38 · 58152 阅读 · 8 评论 -
Flutter json转实体类(插件自动生成)
Json数据转成实体类的好处将Json数据转成实体类可以方便我们开发的时候使用数据,手动输入字段名称的话很容易出错,并且接口多的话很不好维护。Flutter中是否有Gson、FastJson这样的库在Android原生开发中,我们有很好用的Gson、FastJson等第三方库来帮助我们将json转成实体类。但是,在Flutter中可能不会有这样的第三方库供我们使用了,详细原因请看 JSON ...原创 2019-03-13 15:14:37 · 36027 阅读 · 15 评论 -
Flutter 流式布局、自动换行(Wrap、Flow)
流式布局流式布局在移动端是非常常见的,比如商品列表,瀑布流、标签页等等。使用Android原生来实现流式布局还是有点麻烦的,甚至需要自定义view或者使用第三方的库。而在Flutter中,官方为我们提供了流式布局的控件,我们可以很方便的实现流式布局。Wrap首先来看Wrap,Wrap是一个可以使子控件自动换行的控件,默认的方向是水平的,使用起来非常简单。首先,对于MainAxisAlig...原创 2019-03-10 14:20:21 · 62292 阅读 · 3 评论 -
Flutter从相册选择图片和相机拍照(image_picker)
Flutter中从相册选择图片和拍照获取图片教程原创 2019-03-08 13:03:59 · 65096 阅读 · 42 评论 -
Flutter文本输入框TextField属性(InputDecoration、textInputAction、inputFormatters等等)详解
TextField构造方法:原创 2019-03-06 18:13:30 · 118267 阅读 · 24 评论 -
Flutter底部导航栏BottomNavigationBar
Flutter 底部导航栏(BottomNavigationBar)在移动开发中,底部导航栏是非常常见的,在之前我也写过一篇关于在Android中如何使用底部导航栏的博客,感兴趣的可以看一下。Android底部导航栏BottomNavigationBar使用方法下面,我们来看一下在Flutter 中 底部导航栏是如何使用的。首先看一下效果图:shifting模式fixed模式Bo...原创 2019-03-04 16:23:29 · 47649 阅读 · 12 评论 -
Flutter 列表控件ListView
Flutter ListView列表布局在手机上是最最常用的控件了。Android上的RecycleView尤其的强大。Flutter中也给我们提供了ListView,不过就目前的体验来看,性能跟原生的ListView或RecycleView比还是有一点差距的。滑动起来还是略卡。下面我们来看一下ListView的相关知识继承关系可以看到,ListView和GridView都继承自Bo...原创 2019-03-01 15:08:36 · 10469 阅读 · 1 评论 -
Flutter报setState() or markNeedsBuild() called during build.错误解决办法
setState() or markNeedsBuild() called during build.the process of building widgets. A widget can be marked as needing to be built during the buildThe widget on which setState() or markNeedsBuild() was called was:原创 2019-02-28 19:10:29 · 29520 阅读 · 4 评论 -
Flutter网格控件GridView
Flutter GridView用法详解。Flutter GridView异步加载原创 2019-02-28 19:09:18 · 10695 阅读 · 0 评论 -
Flutter Widget之 Row、Column、Stack、IndexedStack等
上一篇博客我们了解了只有单个子控件的布局类控件。本篇博客我们来看一下包含多个子控件的布局类控件。包含多个子控件的布局类控件原创 2019-02-26 15:30:21 · 2206 阅读 · 0 评论 -
Flutter中MainAxisAlignment和CrossAxisAlignment详解
Flutter MainAxisAlignment和CrossAxisAlignment详解原创 2019-01-16 15:33:07 · 60039 阅读 · 6 评论 -
Flutter Widget之Container、AspectRatio、FittedBox、Offstage
Flutter中包含单个子控件的布局类控件简介原创 2019-01-07 11:28:43 · 2125 阅读 · 0 评论 -
Flutter Widget之图片(Image)和图标(Icon)
图片(Image)在Flutter中,我们可以使用Image控件来显示图片,一般来讲我们的图片资源都来源于网络或者本地图片。Flutter中的Image也是类似。我们先来看看Image的构造方法 const Image({ Key key, @required this.image, this.semanticLabel, this.excludeFrom...原创 2018-12-26 15:24:15 · 20374 阅读 · 0 评论 -
Flutter基础Widget之按钮(RaisedButton、FlatButton、OutlineButton,IconButton)
Flutter中给我们预先定义好了一些按钮控件给我们用,常用的按钮如下RaisedButton :凸起的按钮,其实就是Android中的Material Design风格的Button ,继承自MaterialButtonFlatButton :扁平化的按钮,继承自MaterialButtonOutlineButton :带边框的按钮,继承自MaterialButtonIconB...原创 2018-12-17 16:52:21 · 84948 阅读 · 8 评论 -
Flutter基础Widget之Text(文本控件)
Flutter Text Widget使用教程TextText组件用于显示简单样式文本,它包含一些控制文本显示样式的一些属性,类似于Android中的TextView首先我们来看看Text控件的构造方法可以看到,data是必填参数,其他的都是可选参数,下面我们来看看Text类中的常用属性属性名作用值所属类型dataText显示的文本,必填参数StringtextAlign文本的对齐方式,可以选择左对...原创 2018-12-12 18:04:15 · 23327 阅读 · 1 评论 -
Flutter项目目录结构及demo代码详解
在之前的博客中我们搭建了Flutter的开发环境,并且创建了一项目,项目默认就生成了一些代码,学习任何语言第一步一般都是从入口函数着手,然后一步一步往下走。本篇博客我们就以默认生成的项目为准,着重的介绍一下Flutter项目的目录结构及代码详解。先来看看Flutter项目的目录结构我们着重需要注意一下几个文件夹,其他的暂时不用理会文件夹作用androidandroi...原创 2018-12-11 14:54:03 · 18630 阅读 · 3 评论 -
Flutter提示Unable to list devices或Android license status unknown解决办法
我们在使用Flutter的时候,打开Android Studio可能会发现链接不上设备,并且提示Unable to list devices: Unable to discover Android devices. Please run “flutter doctor” to diagnose potential issues编译器提示我们运行flutter doctor运行后提示** An...原创 2018-12-10 21:09:05 · 3631 阅读 · 0 评论 -
Waiting for another flutter command to release the startup lock...解决办法
Flutter提示 Waiting for another flutter command to release the startup lock…的解决办法在使用AS的时候,会遇到提示 Waiting for another flutter command to release the startup lock…然后就一直卡着不动了。解决办法;1.先关闭Android Studio,打开任务管理器,看看有没有Dar...原创 2018-12-10 20:02:46 · 10682 阅读 · 0 评论 -
Flutter入门环境搭建
Flutter环境搭建,超详细...原创 2018-12-10 14:46:42 · 4134 阅读 · 1 评论