Flutter
wmding1
努力的孩子运气不会太差!
展开
-
Flutter组件学习九-BottomNavigationBar(底部导航栏)
1、BottomNavigationBar是底部导航条,可以让我们定义底部Tab切换,bottomNavigationBar是Scaffold组件的参数1.1、属性属性说明itemsList底部导航条按钮集合iconSize图标大小currentIndex默认选中第几个onTap选中变化回调函数fixedColor选中的颜色type...原创 2020-04-03 22:29:19 · 224 阅读 · 0 评论 -
Flutter组件学习八-Wrap(实现流布局)
1、Flutter RaisedButton 定义一个按钮Flutter中通过RaisedButton定义一个按钮// 自定义按钮class MyRaisedButton extends StatelessWidget { String text; MyRaisedButton(this.text); @override Widget build(BuildContext ...原创 2020-04-03 22:25:06 · 301 阅读 · 0 评论 -
Flutter组件学习七-Card组件
Flutter Card组件学习1、Card1.1、属性属性说明margin外边距,EdgeInsets.all(10)child子组件ShapeCard 的阴影效果,默认的阴影效果为圆角的 长方形边。1.2、代码实现ListView中包含 Cardlib/res/listData.dart中List listData = [ { ...原创 2020-04-02 23:07:38 · 206 阅读 · 0 评论 -
Flutter组件学习六-页面布局 Stack 层叠组件
Flutter 页面布局 Stack 层叠组件使用,Stack 和Align、Stack和Positioned结合使用1、Stack组件1.1、属性属性说明alignment配置所有子元素的显示位置children子组件1.2、代码实现import 'package:flutter/material.dart';class MyStackView e...原创 2020-04-02 22:12:17 · 206 阅读 · 0 评论 -
Flutter组件学习五-页面布局 Row、Column、Expanded组件学习
Flutter 页面布局 Row、Column、Expanded组件学习1、自定义Iconimport 'package:flutter/material.dart';class MyIcon extends StatelessWidget { double size = 2; IconData iconData; Color backgroundColor = Colors....原创 2020-04-02 21:26:34 · 342 阅读 · 0 评论 -
Flutter组件学习四-GridView组件
Flutter组件之GridView1、GridView 组件的常用参数当数据量很大的时候用矩阵方式排列比较清晰。此时我们可以用网格列表组件 GridView 实现布局。1、可以通过 GridView.count 实现网格布局2、通过 GridView.builder 实现网格布局常用属性:名称类型说明scrollDirectionAxis滚动方法...原创 2020-03-29 22:06:57 · 178 阅读 · 0 评论 -
Flutter组件学习三-ListView组件
1、Flutter 列表组件Flutter 中我们可以通过 ListView 来定义 列表项,支持垂直和水平方向展示。通过一个属性就可以控制列表的显示方向。列表有一下 分类:1、垂直列表2、垂直图文列表3、水平列表4、动态列表5、矩阵式列表1.1、列表参数名称类型说明scrollDirectionAxisAxis.horizontal 水平列表 Axi...原创 2020-03-28 21:23:47 · 156 阅读 · 0 评论 -
Flutter组件学习二-图片组件
Flutter图片组件1、Image 中属性说明图片组件是显示图像的组件,Image 组件有很多构造函数,常用有Image.asset 本地图片Image.network 远程图片名称类型说明alignmentAlignment图片的对齐方式color 和 colorBlendMode设置图片的背景颜色,通常和 colorBlendMode 配合一...原创 2020-03-27 23:09:01 · 152 阅读 · 0 评论 -
Flutter组件学习一(Text、Container)
1、Text名称功能textAlign文本对齐方式(center 居中,left 左 对齐,right 右对齐,justfy 两端对齐)textDirection文本方向(ltr 从左至右,rtl 从右至 左)overflow文字超出屏幕之后的处理方式(clip 裁剪,fade 渐隐,ellipsis 省略号)textScaleFactor字体显示倍...原创 2020-03-26 19:27:06 · 156 阅读 · 0 评论 -
Flutter目录结构介绍、入口、自定义widget等
1、 Flutter 目录结构介绍文件夹作用androidandroid 平台相关代码iosios 平台相关代码libflutter 相关代码,我们主要编写的代 码就在这个文件夹test用于存放测试代码pubspec.yaml配置文件,一般存放一些第三方库的依赖。2、Flutter 入口文件、入口方法void main(){ runA...原创 2020-03-26 19:25:46 · 287 阅读 · 0 评论 -
Dart入门
1、Dart 的数据类型1.1、变量创建一个变量var name = "wmding";1.2、Final 和 Const使用过程中从来不会被修改的变量, 可以使用 final 或 const,final name = 'Bob'; // Without a type annotation如果需要在编译时就固定变量的值,可以使用 const 类型变量。 如果 Const 变量是类...原创 2020-03-25 17:37:28 · 132 阅读 · 0 评论 -
Flutter Mac 环境配置
1、前言Flutter 1.0 终于发布了,从这个文章开始进行学习啦。2、操作2.1、下载 Flutter在官网下载,速度还是很快的。放到一个固定的文件下。2.2、配置环境变量vim ~/.bash_profile在最底下添加 flutter 的环境变量,如下:#Flutterexport PUB_HOSTED_URL=https://pub.flutter-io.cnexp...原创 2018-12-06 16:02:19 · 275 阅读 · 0 评论 -
Flutter 问题记录
1、加载本地图片出现问题报错:Image provider: AssetImage(bundle: null, name: “images/image1.jpg”原来是忽略了assets 的层级,应该是在 flutter 下一层原创 2020-03-27 23:19:02 · 1167 阅读 · 1 评论