07 Flutter
Flutter的使用
傅晨明
毕业于杭州电子科技大学
展开
-
Flutter实现自己的表格组件
表格组件最终效果如下:整个表格的数据为一个List<TableMo> tableMoList每一行的数据为一个List<TableDetail> list表格的数据实体类:class TableMo { List<TableDetail> list; TableMo(List<TableDetail> list) { this.list = list; }}class TableDetail { String titl原创 2021-06-08 16:24:21 · 1653 阅读 · 1 评论 -
Flutter仿学习强国填空题
需要实现的如下图红色框中所示原创 2020-06-02 09:10:15 · 1027 阅读 · 3 评论 -
Flutter运行错误:Gradle does not have execution permission
参考:Flutter运行错误:Gradle does not have execution permissioncd .../项目/androidls -l可以看出 gradlew 没有执行权限,通过命令添加执行权限解决: chmod a+x gradlew...原创 2020-05-06 08:07:05 · 496 阅读 · 0 评论 -
Flutter 常用组件-5 列表控件
列表是最常见的需求。在Flutter中,用ListView来显示列表项,支持垂直和水平方向展示,通过一个属性我们就可以控制其方向,列表有以下几类:水平的列表垂直的列表数据量非常大的列表矩阵式的列表1 基础列表组件基础列表组件为ListView组件。常用属性属性名类型默认值说明scrollDirectionAxixAxis.vertical列表的...原创 2019-07-10 07:58:40 · 2982 阅读 · 0 评论 -
Flutter 常用组件-6 网格布局组件
网格布局组件GridView可以实现多行多列布局的应用场景。使用GridView创建网格列表有多种方式:GridView.count:通过单行展示个数创建GridView.extent:通过最大宽度创建常用属性属性名类型默认值说明scrollDirectionAxixAxis.vertical滚动的方向,Axis.vertical为垂直方向,是默认值...原创 2019-07-10 08:07:37 · 568 阅读 · 0 评论 -
Flutter 常用组件-7 表单组件
表单是一个包含表单元素的区域。表单元素允许用户输入内容,比如文本域,下拉列表,单选框,复选框等。常见应用场景有:登录、注册、输入信息等。表单里有两个重要的组件,一个是Form组件,用来左整个表单提交使用的;另一个是TextFormField组件,用来做用户输入的。Form组件常用属性属性名类型说明keyKey组件在整个Widget树中的key值autovalid...原创 2019-07-10 08:11:56 · 398 阅读 · 0 评论 -
Dart基础
文章目录1 Dart部分特性2 Dart重要概念3 Dart关键字4 Dart内置库5 类型系统5.1 基本数据类型5.2 核心概念6 基本语法6.1 变量声明6.2 常量声明7 常用数据类型及运算符8 集合8.1 List8.2 Map9 枚举10 时间处理11 面向对象11.1 类定义及接口12 异常什么是Dart?Dart 是一个由谷歌开发的通用编程语言,后来被 Ecma (Ecma...原创 2019-07-05 14:17:26 · 236 阅读 · 0 评论 -
Flutter初探
Flutter是谷歌开发的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作,并且Flutter是完全免费、开源的。现有跨平台解决方案:Web/Hybrid也被称为 Hybrid 技术,它基于 Web 相关技术来实现界面及功能代表框架:phonegap、cordovaJSCore通过虚拟Dom树来构建UI,映射成原...原创 2019-07-05 15:04:41 · 115 阅读 · 0 评论 -
Flutter安装(Windows)
1 flutter镜像配置https://flutterchina.club/setup-windows/#使用镜像由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中:export PUB_HOSTED_URL=https://pub.flutter-io.cnexport FLUTTER_STORAGE...原创 2019-07-05 15:57:39 · 531 阅读 · 0 评论 -
Flutter-刷新和加载更多控件
import 'dart:math';import 'package:flutter/material.dart';void main() => runApp(MaterialApp( home: HomePage(), ));class HomePage extends StatefulWidget { @override _HomePageStat...原创 2019-07-10 22:33:16 · 1948 阅读 · 0 评论 -
Google为什么以Fullter作为原生突破口
前言在 Google I/O ’17 上,Google 向我们介绍了 Flutter —— ⼀款新的⽤于创建移动应⽤的开源库。正如你所想的那样,Flutter 是能够帮助创建拥有漂亮 UI 界⾯的跨平台移动应⽤解决⽅案。Flutter 的界⾯设计与 web 应⽤类似,因此,你能够从 Flutter 上找到像使⽤ HTML/CSS 那样熟悉的感觉。Google 表⽰:Flutter 将会帮你...原创 2019-07-17 16:24:57 · 1088 阅读 · 0 评论 -
Flutter兼容AndroidX
参考:https://flutter.dev/docs/development/packages-and-plugins/androidx-compatibility1 第一步在 android/gradle/wrapper/gradle-wrapper.properties中修改Gradle版本为4.10.2distributionUrl=https\://services.gradle...原创 2019-08-19 09:57:54 · 3532 阅读 · 2 评论 -
Flutter 常用组件-4 图标及按钮组件
文章目录1 图标组件常用属性2 图标按钮组件常用属性3 凸起按钮组件常用属性4 示例1 图标组件图标组件Icon展示图标的组件,该组件不可交互,要实现交互图标,可以考虑使用IconButton组件。图标相关组件有以下几个:IconButton:可交互的IconIcons:框架自带Icon集合IconTheme:Icon主题ImageIcon:通过AssetImages或者其他图片显...原创 2019-07-09 22:58:03 · 1469 阅读 · 0 评论 -
Flutter 常用组件-3 文本组件
文章目录1 Text2 RichText3 Text示例1 Text文本组件Text负责显示文本和定义显示样式。常用属性属性名类型默认值说明dataString数据为要显示的文本maxLinesint0文本显示的最大行数styleTextStylenull文本样式,可定义文本的字体大小、颜色、粗细等textAlignTextAl...原创 2019-07-09 22:48:40 · 308 阅读 · 0 评论 -
Flutter 常用组件-2 图片组件
文章目录1 图片组件2 图片组件Image示例1 图片组件图标 https://www.iconfont.cn/头像 https://www.randomuser.me/photos图片组件Image显示图像的组件,有多种构造函数:new Image:从ImageProvider获取图像new Image.asset:加载资源图片new Image.file:加载本地图...原创 2019-07-09 22:16:16 · 271 阅读 · 0 评论 -
Mac 环境变量设置 .bash_profile 文件
1、创建 .bash_profile(1) 启动终端(2) 进入当前用户的home目录(默认就是): cd ~ 或 cd /Users/YourMacUserName (3)输入touch .bash_profile2、查看 、编辑 .bash_profile 文件(1)终端输入 open -e .bash_profile (如果只是查看,直接使用o...原创 2019-07-09 08:13:25 · 3118 阅读 · 0 评论 -
Flutter基础篇
文章目录1 基础介绍2 Container示例3 Image示例1 基础介绍图 Flutter默认demo图 视图树创建widget树。调用runApp(rootWidget),将rootWidget传给rootElement,做为rootElement的子节点,生成Element树,由Element树生成Render树,Render树的根是一个RenderView。...原创 2019-07-09 16:17:30 · 170 阅读 · 0 评论 -
Flutter 常用组件-总览
文章目录1. 重要概念2. 容器组件3. 图片组件1. 重要概念一切皆组件。flutter所有的元素都是由组件组成。比如一个布局元素、一个动画、一个装饰效果等。2. 容器组件容器组件Container包含一个子widget,自身具备alignment、padding等属性,方便布局过程中摆放child。常用属性属性名类型说明keykeyContainer唯...原创 2019-07-09 16:37:24 · 898 阅读 · 0 评论 -
Flutter Widget和Element
文章目录1 Widget2 Element1 Widget/// Describes the configuration for an [Element]./// 为Element提供配置信息////// Widgets are the central class hierarchy in the Flutter framework. A widget/// is an immuta...原创 2019-07-09 16:42:57 · 587 阅读 · 0 评论 -
Flutter Material Design风格组件
文章目录1. 概述2. App结构和导航组件2.1 MaterialApp(应用组件)2.1.1 设置主页2.1.2 路由处理2.1.3 自定义主题2.2 Scaffold(脚手架组件)2.3 AppBar(应用按钮组件)2.4 BottomNavigatorBar(底部导航栏)2.5 TabBar(水平选项卡及视图组件)2.6 Drawer(抽屉组件)3. 按钮和提示组件3.1 Floating...原创 2019-07-09 16:53:32 · 568 阅读 · 0 评论 -
Flutter Cupertino风格组件
文章目录1. 概述2 CupertinoActivityIndicator组件3 CupertinoAlertDialog4 CupertinoButton5 Cupertino导航组件5.1 CupertinoTabScaffold5.2 CupertinoTabBar5.3 CupertinoTabView5.4 CupertinoPageScaffold5.5 CupertinoNaviga...原创 2019-07-09 16:58:39 · 5628 阅读 · 0 评论 -
Flutter 页面布局
文章目录1 布局及装饰组件说明2 基础布局处理2.1 Container(容器布局)2.2 Center(居中布局)2.3 Padding(填充布局)2.4 Align(对齐布局)2.5 Row(水平布局)2.6 Column(垂直布局)2.7 FittedBox(缩放布局)2.8 Stack/Alignment2.9 Stack/Positioned2.10 IndexedStack2.11 O...原创 2019-07-09 17:02:33 · 1168 阅读 · 0 评论 -
Flutter 动画篇
文章目录1 概述2 Animation3 AnimationController4 Curve5 Tween1 概述Flutter中的动画分为补间(Tween)动画和基于物理(Physics-based)的动画。在补间动画中,定义了开始点和结束点、时间线以及定义转换时间和速度的曲线,然后由框架自动计算如何从开始点过渡到结束点。在基于物理的动画(遵循物理学定律)中,运动被模拟为与真实世界...原创 2019-07-10 22:30:46 · 2921 阅读 · 0 评论 -
Flutter 手势篇
文章目录1 概述2 GestureDetector3 Dissmissible1 概述Flutter中的手势分为两层,第一层是触摸原始指针(Pointer)事件,描述了屏幕上指针(如触摸、鼠标和触控笔)的位置和移动。指针(Pointer)代表用户与屏幕交互的原始数据,有四种事件类型:PointerDownEvent: 指针接触到屏幕PointerMoveEvent: 指针从屏幕上的一个...原创 2019-07-09 17:07:13 · 2103 阅读 · 0 评论 -
Flutter 自定义View
文章目录1 概述2 画布Canvas3 画笔Paint1 概述与Flutter自带Widget一样,自定义view也会被Skia引擎编译成原生代码,性能是一样的。2 画布Canvas画布就好比是教室里的黑板,画布是一个矩形区域,可以在上面任意涂鸦。我们可以画点、线、路径、矩形、圆形、图像等。与画布相关的方法主要有:drawLine:画直线drawCircle:画圆drawOval...原创 2019-07-09 17:08:21 · 552 阅读 · 0 评论 -
Flutter 常用组件-1 容器组件
容器组件Container包含一个子widget,自身具备alignment、padding等属性,方便布局过程中摆放child。常用属性属性名类型说明keykeyContainer唯一标识符,用于查找更新alignmentAlignmentGeometry控制child的对齐方式,如果Container或者Container的父节点尺寸大于child的尺寸...原创 2019-07-09 22:25:07 · 347 阅读 · 1 评论 -
Dart语言详解
文章目录1 变量1.1 变量-变量的声明1.2 变量-默认值1.3 变量-final和const2 内置类型2.1 内置类型-num, int, double2.2 String2.3 内置类型-bool2.4 内置类型-List2.5 内置类型-Map2.6 内置类型-Set2.7 内置类型-Runes2.8 内置类型-Symbol3 函数3.1 函数-定义3.2 函数-可选参数3.3 函数-...原创 2019-07-08 10:53:03 · 1580 阅读 · 1 评论