一,画路径 - drawPath(Path path, Paint paint)  Path 主要有方法如下: 直接描述路径的方法还可以细分为两组:添加子图形和画线(直线或曲线) addXXX() - 添加子图形(由于此类方法参数与上面介绍的画简单图形一样,就不多赘述了) addArc(Rect oval, double startAngle, double sweepAngle) - 添加圆弧 addOval(Rect oval) - 添加圆 addPolygon(List<Offset>

一.创建一个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

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

前言 自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中文网教程地址: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_

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

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

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

网上搜到有一个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

作者:HelloGitHub-小鱼干 摘要:找对路子,事半功倍,正如本周 GitHub Trending #刷 LeetCode# 主题想表达的那般,正确的学习姿势方能让人走得更远,走进大厂

点击上方"前端自习课"关注,学习起来~ | 导语 最爱折腾的就是前端工程师了,从 jQuery 折腾到 AngularJs,再折腾到 Vue.React.最爱跨屏的也是前端工程师,从 phonegap,折腾到 React Native,这不又折腾到了 Flutter. 图啥?低成本地为用户带来更优秀的用户体验.目前来说Flutter可能是其中最优秀的一种方案了. Flutter 是什么? Flutter是由原 Google Chrome 团队成员,利用 Chrome 2D 渲染引擎,然