Flutter
关注
分享
扫一扫
wmding1
努力的孩子运气不会太差！
展开
-
Flutter组件学习九-BottomNavigationBar（底部导航栏）
1、BottomNavigationBar 是底部导航条，可以让我们定义底部Tab切换，bottomNavigationBar是Scaffold组件的参数 1.1、属性 属性 说明 items List底部导航条按钮集合 iconSize 图标大小 currentIndex 默认选中第几个 onTap 选中变化回调函数 fixedColor 选中的颜色 type...原创 2020-04-03 22:29:19 · 270 阅读 · 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 · 341 阅读 · 0 评论 -
Flutter组件学习七-Card组件
Flutter Card组件学习 1、Card 1.1、属性 属性 说明 margin 外边距，EdgeInsets.all(10) child 子组件 Shape Card 的阴影效果，默认的阴影效果为圆角的 长方形边。 1.2、代码 实现ListView中包含 Card lib/res/listData.dart中 List listData = [ { ...原创 2020-04-02 23:07:38 · 261 阅读 · 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 · 264 阅读 · 0 评论 -
Flutter组件学习五-页面布局 Row、Column、Expanded组件学习
Flutter 页面布局 Row、Column、Expanded组件学习 1、自定义Icon import 'package:flutter/material.dart'; class MyIcon extends StatelessWidget { double size = 2; IconData iconData; Color backgroundColor = Colors....原创 2020-04-02 21:26:34 · 378 阅读 · 0 评论 -
Flutter组件学习四-GridView组件
Flutter组件之GridView 1、GridView 组件的常用参数 当数据量很大的时候用矩阵方式排列比较清晰。此时我们可以用网格列表组件 GridView 实 现布局。 1、可以通过 GridView.count 实现网格布局 2、通过 GridView.builder 实现网格布局 常用属性： 名称 类型 说明 scrollDirection Axis 滚动方法 ...原创 2020-03-29 22:06:57 · 233 阅读 · 0 评论 -
Flutter组件学习三-ListView组件
1、Flutter 列表组件 Flutter 中我们可以通过 ListView 来定义 列表项，支持垂直和水平方向展示。通过一个属性就可以控制列表的显示方向。列表有一下 分类: 1、垂直列表 2、垂直图文列表 3、水平列表 4、动态列表 5、矩阵式列表 1.1、列表参数 名称 类型 说明 scrollDirection Axis Axis.horizontal 水平列表 Axi...原创 2020-03-28 21:23:47 · 204 阅读 · 0 评论 -
Flutter组件学习二-图片组件
Flutter图片组件 1、Image 中属性说明 图片组件是显示图像的组件，Image 组件有很多构造函数，常用有 Image.asset 本地图片 Image.network 远程图片 名称 类型 说明 alignment Alignment 图片的对齐方式 color 和 colorBlendMode 设置图片的背景颜色，通常和 colorBlendMode 配合一...原创 2020-03-27 23:09:01 · 191 阅读 · 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 · 223 阅读 · 0 评论 -
Flutter目录结构介绍、入口、自定义widget等
1、 Flutter 目录结构介绍 文件夹 作用 android android 平台相关代码 ios ios 平台相关代码 lib flutter 相关代码，我们主要编写的代 码就在这个文件夹 test 用于存放测试代码 pubspec.yaml 配置文件，一般存放一些第三方库的依赖。 2、Flutter 入口文件、入口方法 void main(){ runA...原创 2020-03-26 19:25:46 · 324 阅读 · 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 · 159 阅读 · 0 评论 -
Flutter Mac 环境配置
1、前言 Flutter 1.0 终于发布了，从这个文章开始进行学习啦。 2、操作 2.1、下载 Flutter 在官网下载，速度还是很快的。放到一个固定的文件下。 2.2、配置环境变量 vim ~/.bash_profile 在最底下添加 flutter 的环境变量，如下： #Flutter export PUB_HOSTED_URL=https://pub.flutter-io.cn exp...原创 2018-12-06 16:02:19 · 324 阅读 · 0 评论 -
Flutter 问题记录
1、加载本地图片出现问题 报错： Image provider: AssetImage(bundle: null, name: “images/image1.jpg” 原来是忽略了assets 的层级，应该是在 flutter 下一层原创 2020-03-27 23:19:02 · 1228 阅读 · 1 评论