Flutter
浪客冰翼
钱是王八蛋,花完咱再赚~~~~~
展开
-
Flutter移动端的配置环境和启动
一、Flutter安装:要安装并运行Flutter,你的开发环境必须满足这些最低要求(这里以windows系统为例):macos安装文档请查看:https://flutter.io/setup-macos/linux安装文档请查看:https://flutter.io/setup-linux/(一) 操作系统:Windows 7 SP1或更高版本(64位)(二) 磁盘空间:40...原创 2019-06-22 00:05:48 · 506 阅读 · 0 评论 -
容器组件(Container)
容器组件(Container)是一个组合Widget,内部有绘制Widget、定位Widget和尺寸Widget,包含一个子Widget,自身具备如alignment、pading等基础属性,方便布局过程中摆放child。Container组件常用属性如下表: 属性名 类型 说明 key Key ...原创 2019-07-01 18:10:15 · 13815 阅读 · 0 评论 -
图片组件(Image)
图片组件(Image)是显示图像的组件,Image组件有多重构造函数:new Image:从ImageProvidrer获取图像。new Image.asset:加载资源图片。new Image.file:加载本地图片文件。new Image.network:加载网络图片。new Image.memory:加载Uint8List资源图片。Image组件常见属性如下:...原创 2019-07-01 18:09:52 · 5015 阅读 · 0 评论 -
列表组件(ListView)
列表在前端是最常见的需求。在Flutter中,用ListView来显示列表项,支持垂直和水平方向展示,通过一个属性我们就可以控制其方向,列表有以下分类:水平的列表垂直的列表数据量非常大的列表矩阵式的列表常用属性如下: 属性名 类型 默认值 说明 scrollDirection...原创 2019-07-01 18:06:57 · 2341 阅读 · 0 评论 -
步骤条(Stepper)
Stepper 有以下常用属性:currentStep → int - 步骤位置。onStepCancel → VoidCallback - 点击 cancel 时触发。onStepContinue → VoidCallback - 点击 continue 时触发。onStepTapped → ValueChanged - 状态改变时触发。steps → List - 步...原创 2019-07-01 18:05:16 · 3716 阅读 · 0 评论 -
网格列表组件(GridView)
数据量很大时用矩阵方式排列比较清晰,此时用网络列表组件,即为GridView组件,可以实现多行多列的应用场景。使用GridView创建网络列表有多种方式:GridView.count通过单行展示个数创建GridView。GridView.extent通过最大宽度创建GridView。组件属性及描述: 属性名 类型 默认值 ...原创 2019-07-01 18:04:07 · 868 阅读 · 0 评论 -
Flutter组件之按钮(RaisedButton)
凸起按钮组件(RaisedButton)是Material Design中的button,一个凸起的材质矩形按钮,它可以响应按下事件,并且按下时会带一个触摸的效果。常用属性如下: 属性名 类型 默认值 说明 color Color null ...原创 2019-06-24 23:26:02 · 4845 阅读 · 0 评论 -
Flutter组件之文本(Text)
文本组件(Text)负责显示文本和定义显示样式,常用属性如下: 属性名 类型 默认值 说明 data String 数据为要显示的文本 maxLines int 0 ...原创 2019-06-22 12:52:26 · 2052 阅读 · 0 评论 -
Flutter组件之圆形进度条(CircularProgressIndicator)
/** * 圆形进度条 * 可以在外面包一层SizedBox,间接改变进度条的大小 *const CircularProgressIndicator({ Key key, double value,//0~1的浮点数,用来表示进度多少;如果 value 为 null 或空,则显示一个动画,否则显示一个定值 Color backgroundColor,//背景颜色 ...原创 2019-06-22 12:50:12 · 8133 阅读 · 0 评论 -
Flutter组件之表单
表单是一个包含表单元素的区域。表单元素允许用户输入内容,比如:文本域、下拉列表、单选框、复选框等。常见的应用场景有:登录、注册、输入信息等。表单里有连个重要的组件,一个是Form组件,用来做整个表单提交使用;另一个是TextFormField组件,用来做用户输入的。Form组件属性: 属性名 类型 说明 key ...原创 2019-06-22 12:49:01 · 687 阅读 · 0 评论 -
Flutter组件之一行多种颜色文字组件(RichText)
RichText( text: TextSpan( children: <TextSpan>[ TextSpan( text: '你好啊', style: TextStyle( color:...原创 2019-06-22 12:46:25 · 4277 阅读 · 0 评论 -
Flutter组件之图标(Icon)和图标按钮(IconButton)
图标组件(Icon)为展示图标的组件,该组件不可交互,要实现交互的图标,可以考虑使用IconButton组件。图标组件相关的组件有一下几个:IconButton:可交互的Icon。Icons:框架自带Icon集合。IconTheme:Icon主题。ImageIcon:通过AssetImages或者其他图片显示Icon。图标组件常用属性如下: 属性名 ...原创 2019-06-22 12:31:44 · 18307 阅读 · 0 评论 -
Flutter自定义字体
操作系统所带的字体往往不能满足应用场景的需要,这时候就需要使用特殊字体处理。自定义字体步骤如下:步骤1:在工程下新建一个fonts文件夹,并放一个字体文件,如:z24_zihunshoushu.ttf。下载字体网址:https://izihun.com/?from=ssc&fk=1519步骤2:打开工程根目录下的工程配置文件(pubspec.yaml)。步骤3:修改工程...原创 2019-06-22 12:29:51 · 1481 阅读 · 0 评论 -
Flutter常用插件
english_words: ^3.1.0 //处理英语单词的实用程序url_launcher: ^5.0.2 //支持web、电话、SMS和电子邮件方案。1、引用url_launcher: any2、使用launch(url)方案 http:<URL>,https:<URL>如http://flutter.io 在默认浏览器中打开URLm...原创 2019-06-22 12:28:43 · 1555 阅读 · 0 评论 -
Flutter开发中遇到的坑
1.flutter常用命令 常用命令 含义 --version 查看Flutter版本 -h或者--help 打印所有命令行用法信息 analyze 分析项目的Dart代码。 build Flutte...原创 2019-06-22 12:25:29 · 1905 阅读 · 0 评论 -
Flutter用AS打包Android apk应用
terminal执行下列命令:1.生成key(如果有现成的Key跳过这一步)(1)keytool-genkey-v-keystore~/key.jks-keyalgRSA-keysize2048-validity10000-aliaskey(2)2.key.properties创建3.app的build.gradle中配置,这个文件位于这个位置...原创 2019-06-25 20:19:43 · 1553 阅读 · 0 评论 -
Flutter Web的配置、启动、打包
Flutter Web目前还是预览版,还有些不是跟移动端那么成熟,小翼在这里经过自己的努力调试了一下。废话不多说,直接撸码:Flutter Web配置:1、首先flutterSDK的版本要1.5.4及以上,DartSDK版本要2.3.0及以上。直接下载flutterSDK就行了,它包含了DartSDK;下载flutterSDK跟flutter移动端的一样,不懂环境的的请看《flut...原创 2019-06-22 00:25:23 · 12775 阅读 · 1 评论 -
图标(Icon)和图标按钮(IconButton)
图标组件(Icon)为展示图标的组件,该组件不可交互,要实现交互的图标,可以考虑使用IconButton组件。图标组件相关的组件有一下几个:IconButton:可交互的Icon。Icons:框架自带Icon集合。IconTheme:Icon主题。ImageIcon:通过AssetImages或者其他图片显示Icon。图标组件常用属性如下: 属性名 ...原创 2019-07-01 18:10:47 · 14802 阅读 · 2 评论