本文学习一下列表widget,是最常见的需求 在Flutter中,用ListView来显示列表项,支持垂直和水平方向展示,通过一个属性我们就可以控制其方向 1.水平的列表 2.垂直的列表 3.数据量非常大的列表 4.内置的ListTile(挺好用的) 4.内置的ListTile(挺好用的),先看下这个widget,在下面的listView中将直接使用 /** * ListTile */ import 'package:flutter/material.dart'; void main() { r…

一.创建一个Flutter工程 1.1 命令行创建 首先我们找一个空目录用来专门存放flutter项目,然后在路径中直接输入cmd: 使用 flutter create <projectname> 命令创建flutter项目: 创建成功: 进入项目根目录中,执行 flutter run 命令运行项目: 接下来把项目拖入VSCode就可以继续编辑flutter代码了 1.2 Android Studio创建 这里其实已经在Flutter入门教程(二)开发环境搭建中已经讲解过了,这里再汇总一下 打…

本文是在安装flutter的时候,所遇到的问题参考的各个文档整理集合.此次是在win7上安装的问题记录.因为当初安装的时候针对win7的文档比较少,而且各个文档的解释比较散,本人遇到问题也是找了很久才安装成功,这才有了之后的flutter学习的进行.随后,会更新在win10上安装的教程. 1.安装https://www.cnblogs.com/aaron-gan/p/9095779.htmlhttps://cloud.tencent.com/developer/article/1196935ht…

import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { const MyApp({Key key}) : super(key: key); @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( appBar: AppBar…

showDialog( context: context, builder: (ctx) { return // Dialog( // child: Container( // padding: EdgeInsets.fromLTRB(24.0, 0.0, 24.0, 0.0), // decoration: BoxDecoration( // color: Colors.transparent, // shape: BoxShape.rectangle, // borderRadius: Bo…

前言 自Flutter beta版发布, 经过几个月的发展, 它已成为了github社区开源项目活跃度的Top50.加上近日Google的Flutter Live 2018全球同步直播宣传,与 Flutter 1.0 正式版的发布,Flutter更是成为了移动开发的热点.感觉它很有统一移动端的趋势(-￣▽￣)- 首先介绍下Flutter: Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面. Flutter可以与现有的代码一起工作.在全世界,Flutt…

跟Java等很多语言不同的是,Dart没有public protected private等关键字,如果某个变量以下划线 _ 开头,代表这个变量在库中是私有的.Dart中变量可以以字母或下划线开头,后面跟着任意组合的字符或数字 变量 变量定义 以下代码是Dart中定义变量的方法: main() {  var a = 1;   int b = 10;  String s = "hello";   dynamic c = 0.5; } 复制代码 你可以明确指定某个变量的类型,如int bo…

作者 | 弗拉德 来源 | 弗拉德(公众号:fulade_me) Lottie动画 在移动开发中总是需要展示一些动画特效,作为程序员的我们并不是很擅长用代码做动画,即便是有些动画可以实现,在跨平台的过程中也会因为API的差异性导致动画在各个平台中展示的有差异. 所以为了释放程序员的双手,不再陷入写动画调参数的苦恼,Airbnb开源了一款专门用于跨平台的动画解决方案:Lottie. Lottie可以解析使用Bodymovin导出为json的Adobe After Effects动画,并在移动端和W…

这是Flutter系列第一篇文章,后续会持续更新Flutter相关知识,本篇就主要对于Flutter技术做一个简单的入门介绍 一.Flutter简介 Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面. Flutter可以与现有的代码一起工作.在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费.开源的,可以用一套代码同时构建Android和iOS应用,性能可以达到原生应用一样的性能. 一句话总结就是:Flutter是…

学习Flutter,首先需要搭建好Flutter的开发环境,下面我将一步步带领大家搭建开发环境并且成功运行flutter项目. Flutter环境配置主要有这几点: 系统配置要求 Java环境 Flutter SDK Android 开发环境 ***以下是基于在Window操作系统上安装和配置Flutter开发环境*** 一.系统配置要求 操作系统:Windows 7 SP1 或更高的版本(基于 x86-64 的 64 位操作系统) 磁盘空间:除安装 IDE 和一些工具之外还应有至少 1.64…

作者 | 弗拉德 来源 | 弗拉德(公众号:fulade_me) Container 我们先来看一下Container初始化的参数: Container({ Key key, // 位置 居左.居右.居中 this.alignment, // EdgeInsets Container的内边距 this.padding, // 背景颜色 this.color, // 背景装饰器 this.decoration, // 前景装饰器 this.foregroundDecoration, // 宽度 d…

Flutter学习导航 Flutter简介: Flutter可以轻松快速地构建漂亮的移动应用程序. Flutter是谷歌的移动应用SDK,用于短时间内在iOS和Android上制作高质量的原生界面应用.Flutter与现有代码一起使用,被世界各地的开发人员和组织使用,并且是免费和开源的.一款真正意义上的全平台开发框架. 要想找到优质的Flutter学习资源和教程.掘金社区肯定是不二之选,当然GitHub和下面这些推荐的网站都是很好的选择,跟随着咸鱼技术团队的步伐,不用担心掉队哟.我个人是看技术胖…

flutter中的ListView组件和GridView组件都是常用的布局组件,有时候ListView中需要嵌套GridView来使用,例如下图: 这种情况就需要在ListView里面再嵌套一个GridView用于排放图片等信息,先来看一下GridView一些常用的参数 GridView.count( crossAxisCount: 3, // 每行显示多少个 crossAxisSpacing: 1.5, // 横轴网格间距 mainAxisSpacing: 1.5, // 纵轴网格间距 chi…

前言 它可以沿一个方向线性排布所有子组件,并且它也可以支持基于Sliver的延迟构建模型. 接口描述 ListView({ Key key, // 可滚动widget公共参数 Axis scrollDirection = Axis.vertical, bool reverse = false, ScrollController controller, bool primary, ScrollPhysics physics, EdgeInsetsGeometry padding, // ListV…

目录 文章 一开始 HOWTO文档 网站/博客 高级 视频 组件 演示 UI 材料设计 图片 地图 图表 导航 验证 文字和富文本 分析.流量统计 自动构建 风格样式 媒体 音频 视频 语音 存储 获利 模板 插件 服务 扫码器 蓝牙 / NFC / 信号灯 框架 Redux / ELM / 依赖注入 动画 游戏引擎 其他 开源App 游戏 基础设施 社区 好玩的 福利 文章 一开始 Google IO 2018 [1K] - 构建美观,灵活的用户界面. Zero to One [2.7K] -…

前言 "小步快跑.快速迭代"的开发大环境下,"一套代码.多端运行"是很多开发团队的梦想,美团也一样.他们做了很多跨平台开发框架的尝试:React Native.Weex.PWA 等等.但都没有得到很好的解决,直至遇到Flutter. Flutter 提供了一整套从底层渲染逻辑到上层开发语言的完整方案,有跨平台.高保真.高性能等优点.因此从发布开始,热度一路攀升,受到开发者们的热切青睐,也有了 阿里闲鱼.今日头条.腾讯 Now 等在内的一众知名商业案例. 我曾跟很多前…

原文:Windows 8实例教程系列 - 数据绑定高级实例 上篇Windows 8实例教程系列 - 数据绑定基础实例中,介绍Windows 8应用开发数据绑定基础,其中包括一些简单的数据绑定控件的使用. 本篇将介绍较为复杂的数据绑定控件实例, 其中包括ListView, GridView,以及GridView分组,GridView分组缩放等绑定功能. 了解ListView和GridView数据绑定控件 两个控件都是继承自ItemsControl类,在功能上类似,都是在应用中显示数据集合,但是显示…

首先Flutter中文网教程地址:https://flutterchina.club/get-started/install/ 1.新建环境变量 变量名:PUB_HOSTED_URL 变量值:https://pub.flutter-io.cn 变量名:FLUTTER_STORAGE_BASE_URL 变量值:https://storage.flutter-io.cn 意义就不提了. 2.下载Git一直下一步安装下去就好,要配置Git环境变量 变量名:GIT_PATH 变量值:D:\Program…

Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面. Flutter可以与现有的代码一起工作.在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费.开源的. Flutter中文网 (有安装和搭建Flutter的教程) https://flutterchina.club 安装 Flutter 和 Dart 插件 启动 Android Studio,搜索 Flutter 插件并单击 install,系统提示您安装 Dart…

Fluter最近火了起来,它的有点很多,今天我做一篇在Windows下安装Flutter的教程. 一.下载    无论你要安装什么软件,都要先下载下来.我用的是SourceTree,地址: https://github.com/flutter/flutter.git ,亲测顺利下载,请记好下载文件夹的路径,后面会用到. 二.修改环境变量 打开系统->高级系统设置->环境变量 在系统环境变量中选择Path,编辑 把你下载的文件夹路径,包括bin文件夹,写入Path 三.安装 单击flutter_…

文本控件 Text 支持两种类型的文本展示,一个是默认的展示单一样式文本 Text,另一个是支持多种混合样式的富文本 Text.rich. 单一样式文本 Text 单一样式文本 Text 的初始化,是要传入需要展示的字符串.而这个字符串的具体展示效果,受构造函数中的其他参数控制.这些参数大致可以分为两类: 控制整体文本布局的参数,如文本对齐方式 textAlign.文本排版方向 textDirection,文本显示最大行数 maxLines.文本截断规则 overflow 等等,这些都是构造函数…

flutter最近显得格外的火,公司的同事也一直在谈论flutter,感觉自己不学学就要失业了...所以决定顺应潮流学习以下flutter,做一下学习笔记,希望可以给需要的同学带来一些帮助~ 正文为flutter安装教程,如需转载,请注明出处:Flutter学习笔记(1)--环境安装 一.安装Git for Windows:https://git-scm.com/download/win 我是一路next安装下来的,安装成功之后通过git bash命令行输入git,如果出现以下内容,则证明安装成…

在flutter的世界里,一切都是Widget,图像,文本,布局模型等等,一切都是Widget flutter中,尽量将Widget放在MaterialApp.其封装了所需要的一些Widget,MaterialApp一般作为顶层widget,而在MaterialApp内部设置Scaffold,因为Scaffold提供了页面banner等布局基本实现,如下: class MyApp extends StatelessWidget { @override Widget build(BuildCont…

ListView:     ListView:参数     scrollDirection:Axis.horizontal:水平列表.Axis.vertical垂直列表     padding:内边距.     resolve:组件反向排序     children:List<Widget>   列表元素 垂直列表组件: main.dart import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } clas…

一.Flutter 列表组件概述 列表布局是我们项目开发中最常用的一种布局方式.Flutter 中我们可以通过 ListView 来定义 列表项,支持垂直和水平方向展示.通过一个属性就可以控制列表的显示方向.列表有一下 分类: 1.垂直列表 2.垂直图文列表 3.水平列表 4.动态列表 5.矩阵式列表 二.Flutter 列表参数 /设置滑动方向 Axis.horizontal 水平 默认 Axis.vertical 垂直 scrollDirection: Axis.vertical, //内间…

API class _MyHomeState extends State<MyHome> { List<Map<String, String>> _data1 = [ {'title': 'a'}, {'title': 'b'} ]; Set<Map<String, String>> _data2 = Set(); @override Widget build(BuildContext context) { Widget myChip(e) {…

API class _MyHomeState extends State<MyHome> { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('Flutter Demo'), ), body: ListView( children: <Widget>[ Dismissible( background: Container( color: Color…

原文地址: Flutter学习(7)--网络请求框架Dio简单使用 | Stars-One的杂货小窝 Flutter系列学习之前都是在个人博客发布,感兴趣可以过去看看 网络请求一般APP都是需要的,在Flutter中,目前比较流行的网络请求框架是Dio,是Flutter中文网推出的,也算是国人开发的 本文主要是讲解如何简单使用Dio的get请求来获取数据,并使用Flutter中的listview进行展示 关于listview在之前已经讲过使用方法 不清楚的同学可以先去看看Flutter学习(6)…

网上搜到有一个8小时体验flutter的教程,感觉可以尝试一个hello world出来:https://www.jianshu.com/p/9aaabc60d8af 官网下载很慢,可以使用镜像下载,需要设置环境变量:https://www.jianshu.com/p/463244ec27e3,使用镜像下载速度显著提升 腾讯视频,搜索flutter,找到一个课程,听着感觉可以,讲师废话不多,普通话英语发音相对标准,听着舒服,课程名字叫<Flutter小白入门到实战全新教程(2019)>,讲师叫…

之前的文章发布了ZEGO SDK实现Android端音视频通话应用的开发教程,不少开发者反馈很实用,能不能也出一版Flutter的教程. 有求必应,这不小编来了- 我们封装了ZEGO Flutter SDK,本文将引导你如何使用ZEGO Flutter SDK 快速轻松的构建一个跨平台音视频聊天应用,减少开发成本. 1 准备环境 在开始集成 ZEGO Express SDK 前,请确保开发环境满足以下要求: Flutter 1.12 或以上版本. iOS 7.0 或以上版本,且支持音视频的 iO…