在flutter的控件里 常用按钮有:FlatButton,RaisedButton,FloatingActionButton,OutlineButton. FlatButton是扁平的,没有阴影的. RaisedButton是有阴影,看起来凸起来的,很有点击欲望的那种,如图1 FloatingActionButton是在侧面浮起来的那种按钮. 这一章重点介绍 OutlineButton ,中文叫线框按钮. 先看效果. 代码: new Padding( padding: new EdgeInse

在项目中涉及到svg: 使用path划线实现图表功能. 记录在实现的过程中发现的问题:path在小像素的情况下画出的线条宽度不一样.这是为什么呢? 以下是我做的猜想: 可以看图 在宽度给的很足的时候没有发现这种情况. 可是在很宽度不是那么的宽时呢? 看到了嘛?第一个线和第二个线宽度明显不一样.代码是一样的给的宽度都是1px. 在看下这个图 很大对不对?哈哈 我把他放大宽度设为了8,可以看到L和L之间拼接的地方和线头和线尾.它的角度不是90°,这是因为它需要拼接吧, 这让我想到了CSS3中的tra

flutter_easyrefresh 正如名字一样,EasyRefresh很容易就能在Flutter应用上实现下拉刷新以及上拉加载操作,它支持几乎所有的Flutter控件.它的功能与Android的SmartRefreshLayout很相似,同样也吸取了很多三方库的优点.EasyRefresh中集成了多种风格的Header和Footer,但是它并没有局限性,你可以很轻松的自定义.使用Flutter强大的动画,甚至随便一个简单的控件也可以完成.EasyRefresh的目标是为Flutter打造一

目前同类产品比较知名的有ReactNative,Flutter还有国内那家了uniapp了,流畅度理论上Flutter最快 官网:https://flutter.dev/docs/get-started/install/windows Flutter和QT机制类似,但QT是C++开发,习惯web前后端的用户转C++有点困难,而且开发效率低. 1.设置环境变量 export PUB_HOSTED_URL=https://pub.flutter-io.cn export FLUTTER_STORAG

Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面. Flutter可以与现有的代码一起工作.在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费.开源的. 下一步公司的开发项目可能会用到Flutter,所以先安装配置下. 系统要求 要安装并运行Flutter,您的开发环境必须满足以下最低要求: 操作系统: Windows 7 或更高版本 (64-bit) 磁盘空间: 400 MB (不包括Android Studio

Flutter 2.2 版已正式发布!要获取新版本,您只需切换到 stable 渠道并更新目前安装的 Flutter,或前往 flutter.cn/docs/get-started 从头开始安装. 虽然与 2.0 版只相隔数月,2.2 版还是满载大量改进.此版本共计纳入了框架.引擎和插件库等方面的 2,456 个 PR 并解决了 3,105 个问题.我们要特此鸣谢为此版本贡献了大量 PR 和 PR review 的整个 Flutter 社区,包括 PR 贡献最多 (17) 的 Abhishek0

背景 在端上为了提升App的灵活性, 快速解决万变的业务需求,开发者们探索了多种解决方案,如PhoneGap ,React Native ,Weex等,但在Flutter生态还没有好的解决方案.未来闲鱼都会基于Flutter 来跨端开发,如果突破发版周期,在不发版的情况下,完成业务需求,同时能兼容性能体验,无疑是更快的响应了业务需求.因此我们需要探索在Flutter生态下的动态化. 方案选择 借鉴Android 和Ios上的动态性方案,我们也思考了多种Flutter动态性方案. 1.下载替换Fl

一.系统环境 flutter最低要求 1,windows7 SP1 64位版本以上,我的系统就是windows 7 sp1 64bit 2,git for windows ,没有安装的需要到这里下载 并安装 3,powershell 5.0及以上,这个据说只有windows10和2016版windows server满足要求 window7 sp1以及自带Powershell,但是版本较低,我的系统中版本居然是2.0 启动:系统左下角-开始-点击搜索框-输入powershell-回车键 在pow

导读 Flutter是Google开发的一套全新的跨平台.开源UI框架,支持iOS.Android系统开发,并且是未来新操作系统Fuchsia的默认开发套件.自从2017年5月发布第一个版本以来,目前Flutter已经发布了近60个版本,并且在2018年5月发布了第一个“Ready for Production Apps”的Beta 3版本,6月20日发布了第一个“Release Preview”版本. 初识Flutter Flutter的目标是使同一套代码同时运行在Android和iOS系统上

本文记录一下Android主工程中嵌入部分Fluttter页面的实现方法. 创建一个Android工程模拟你的现有工程 为了让Android工程和Flutter工程互不干扰,这里不再以Android工程为工程的跟目录,而是让Android工程和平级的Flutter工程的公共目录作为根目录. 最终的目录结构应该是下面这样的 你的项目根目录(随便什么你喜欢的地方) ├── 原生安卓工程(FlutterInAndroid) └── Flutter工程 (my_flutter) 所以首先在你的项目根目录

导入第三方库踩坑小结: (编译器:VsCode) ( 打算在学习中,使用flutter重新自己的项目,遇到比较特殊的坑,就先记录一下,持续更新中) 1.把第三方库 写入pubspec.yaml文件中 dependencies: flutter: sdk: flutter # The following adds the Cupertino Icons font to your application. # Use with the CupertinoIcons class for iOS sty

下载安装JAVA环境 1. 既然要做原生应用了,而且是基于Android的,那还是需要我们安装一下JAVA的环境的,我比一般得到一个新系统后首先做的就是这一步.    https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html 2. 就和平时安装软件一样的 下载安装 FlutterSDK 去官网下载Flutter安装包.https://flutter.io/sdk-archive/#wi

阿里妹导读:对于开发者而言,Flutter工程和我们的Android/iOS工程有何差别?Flutter的渲染和事件传递机制如何工作?构建缓慢或出错又如何去定位,修改和生效呢?凡此种种,都需要对Flutter从设计,开发构建,到最终运行有一个全局视角的观察. 本文由闲鱼技术团队出品,将以一个简单的hello_flutter为例,介绍下Flutter相关原理及定制与优化. Flutter简介 Flutter的架构主要分成三层:Framework,Engine和Embedder. Framework

久闻 Flutter 大名,今天终于有时间体验一下了 ٩(๑>◡<๑)۶ 官网:https://flutter.dev/ 中文官网:https://flutterchina.club/ 一.下载Flutter SDK 1.下载 ①官网下载:https://flutter.dev/docs/development/tools/sdk/releases#windows ②github下载:https://github.com/flutter/flutter/releases 2.解压 将安装包zi

1.问题 周末在家想搞搞flutter,家里电脑是windows的,按照官网教程一步步安装好以后,创建flutter工程,点击运行,一片红色弹出来,WTF? PKIX path building failed: sun.security.provider.certpath.SunCertPathBuilderException: unable to find valid certification path to requested target 2.尝试 (1)导入证书 https://blo

Flutter之环境配置与项目搭建 一,介绍 1.1,Dart Dart 是一种 易于学习. 易于扩展.并且可以部署到 任何地方 的 应用 编程 语言.并且同时借鉴了Java和JavaScript.Dart在静态语法方面和Java非常相似,如类型定义.函数声明.泛型等,而在动态特性方面又和JavaScript很像,如函数式特性.异步支持等. 1.2,Flutter Flutter 是 Google推出并开源的移动应用开发框架,主打跨平台.高保真.高性能.开发者可以通过 Dart语言开发 App,

版本号0.1.54 看源码之前,我先去看下官方文档,对于其源码的设计说明,文中所说的原生都是指android 看完官方文档的说明,我有以下几个疑问 第一个:容器是怎么设计的? 第二个:native和flutter的channel的通道是如何设计的? 第三个:Flutter是适配层到底再做些什么? 中控中心FlutterBoost 单独拎出来讲讲,这个类比较简单,就是集合各个模块并让其初始化,同时也是该插件入口处,不管原生和flutter都一样,看源码也是从这里开始看起,但原生和flutter的初

一. 安装镜像(有vpn的不用理) 1  打开终端 输入 open ~  ,回车 2  双击 .bash_profile  3  添加以下代码 后保存关闭即可(代码可能会变请直接到https://flutter.dev/community/china 复制)      export PUB_HOSTED_URL=https://pub.flutter-io.cn    export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn   

一.环境变量 由于众所周知的原因,在国内访问 Flutter 有时可能会受到限制,所以在开发之前,需要先配置环境变量 MacOS: 编辑 ~/.bash_profile 文件 vim ~/.bash_profile 这里用的是 vim 来编辑,如果不习惯,可以将 vim 替换为 open open ~/.bash_profile 添加以下代码并保存 export PUB_HOSTED_URL=https://pub.flutter-io.cn export FLUTTER_STORAGE_BAS

由于本文图片比较多,所有都缩小了不少,点击图片就可以放大看到原始图片 使用镜像 cmd打开终端,贴上以下代码,以加入到环境变量中,如果添加失败,可以手动添加 export PUB_HOSTED_URL=https://pub.flutter-io.cn export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn 手动添加如下: 我的电脑->属性->更改设置-> 高级->环境变量->用户变量下点击新建如下两条,添加