Flutter

Flutter 导包 以及体验

Flutter 第一个list 体验 具体位置看图吧 是在pubspec.yaml 里面的 dev_dependencies 里面 然后点击packages_get     flutter 不用每次都运行,保存 手机上的界面即可刷新 ,有点类似写h5   demo 效果   demo地址   »

Flutter 应用性能优化最佳实践

通常来说,Flutter 技术构建的应用程序在默认情况下都是高性能的。所以你只需要避开常见的陷阱,就可以获得优异的性能,而不需要使用复杂的分析工具对细节做优化。这些最佳建议将ben 1. 最佳实践 如何设计一个能最有效地渲染页面的 Flutter 应用程序?特别是如何确保底层框架生成的绘图代码尽可能高效?这里有几件需要你在设计应用时考虑的事情: 1.1 控制 build() 方法的耗时 避免在  »

Flutter 编译出错

'Flutter/Flutter.h' file not found flutter 运行过行中,难免会出现Flutter/Flutter.h file noe found 问题。经过多次尝试用不通方式解决尝试。找到一快速解决方法: 问题如图: 原因: flutter 缓存造成 解决办法: 1、进入到你所编写的 flutter 项目工程目录下。 2、flutter clean。 3、进入宿主工程 »

Flutter入门(一)------Dart语言

一.Dart 重要的概念如下:    1.所有的东西都是对象,无论是变量、数字、函数等都是对象 所有的对象都是类的实例。所有的对象都继承自内置的Object类。这点类似于 Java 语言“ 切皆为对象” 。    2.程序中指定数据类型使得程序合理地分配内存空间,并帮助编绎器进行语法检查。但是,指定类型不 必须的 Dart 言是弱数据类型。    3.Dart代码在运行前解析。指定数据类型和编译 »

flutter 读取json

效果图 项目目录里新建一个load_json目录,里面再新建一个person.json文件。 [ { "name" : "Suye", "age" : "27", "height" : "170", "gender" : "male", "hair_color" : "b »

Flutter布局锦囊---简单的应用栏

设计给的效果如下: 拿到设计后,先把整体拆分成几个部分: “公共应用栏”,可以给应用程序中的大部分页面使用的通用组件。 然后就可以开始进行编码了。 第1步:绘制组件树 第2步:实现“公共应用栏” 使用Flutter的应用栏(AppBar)组件,你可以实现一些简单定制效果。应用栏(AppBar)组件亮度(brightness)属性可以控制系统状态栏的字体颜色,比如,如果你把背景颜色(ba »

flutter 图表插件之fl_chart

前言: 之前很少接触图表功能,以为图表这种功能只能在H5上才能发挥得淋漓尽致,可谁曾料想,早有大神先把强大的chart图表功能给移植到flutter端上了,而且两端都可适用,下面给出网址: pub上: https://pub.dev/packages/fl_chart github上: https://github.com/imaNNeoFighT/fl_chart 部分效果如下: 附:在dem »

Flutter学习之windows下的初体验

背景 去年年底谷歌正式推出flutter1.0,拥有跨平台、体积小、效率高、用户体验流畅等优点。今日,记录一下我的首个flutter应用的诞生过程,操作系统是win10   搭环境 下载flutter源码 提前安装好git,而后找个地方新建文件夹,名字不能有中文或空格,而后把flutter的beta分支拷下来 git clone -b beta https://github.com/flutter »

Flutter 即学即用系列博客总结篇

前言 迟到的总结篇,其实大家看我之前发的系列博客最后一篇,发文时间是 3 月 29 日。距离现在快两个月了。 主要是因为有很多事情在忙,所以这篇就耽搁了。 今天终于可以跟大家会面了。 系列博客背景 Flutter 正式版于 2018 年 12 月 5 日正式发布。 而我所在的团队刚好想在项目新功能里面尝试 Flutter 的引入,利用 Flutter 的跨平台特性希望可以提高开发效率,因此本人作 »

如何在Mac Mojave 配置flutter

第一步: 从官网 https://flutter.cn/docs/get-started/install/macos 下载flutter的sdk,解压到自己想要放在的目录里,然后记住这个目录,后面会用到 第二步: 打开终端,在终端中输入vim ~/.bash_profile ; 输入 E,进入编辑模式,输入 i ,进入insert 模式 输入 : export PATH="$PATH:/你的fl »

flutter : Failed to find assets path for “Frameworks/App.framework/flutter_assets“

在运行Flutter 项目的时候跑IOS模拟器上白屏许久不见进入主页面,等了20分钟一点动静也没有,打开Xcode,查看日志发现:Failed to find assets path for "Frameworks/App.framework/flutter_assets",这里的问题主要上没有找到flutter——assets,经过查询知道是iOS工程项目中没有相应的依赖包,但是我们在访达里面是 »

Flutter学习系列——Dart语言入门一个文档就够了

很多人可能听说过React Native 听说过Weex但是没有听说过Flutter,相比之下Flutter的出现比较晚。因为在2018年2月27日才出现的Flutter的bate1版本。而在2015年Dart开发者峰会上亮相了Flutter的第一个版本叫做Sky。从时间来看比weex的出现早点儿。为什么拿这三个框架来说呢?因为他们有共性,那就是构建APP的用户界面。 Flutter的身世 F »

重磅!Google发布Flutter Release Preview 1

撰稿|覃云 前端之巅公众号 昨日,在北京 GMTC 大前端大会上,Google Flutter 高级工程师于潇宣布 Flutter Release Preview 1 发布,并宣布与阿里巴巴闲鱼团队在 Flutter 上合作,这标志着 Flutter 进入了一个新阶段。 Flutter 一直在进步 在 Google I/O 大会上,Flutter 团队与很多 Flutter 的开发者进行了沟通, »

【flutter】v1.12.13新版本的通信方法

我的flutter版本更新到了v1.12.13. 所以之前的通信方法不能用了,现在公布一下新的通信方法。 一、原生注册,在MainActivity.java中: /* Flutter定义了三种不同的PlatformChannel, 大致分为:method、event和message通道,以下详解: (1)MethodChannel:用于传递方法调用,是比较常用的PlatformChannel (2 »

Flutter布局锦囊---男女性别单选

设计给的效果如下: 拿到设计后,先把整体拆分成几个部分: “点击操作”,感应用户选择性别的区域。 “选择性别男”,性别男的选择区域,点击会更新图片和样式。 “选择性别女”,性别女的选择区域,点击会更新图片和样式。 然后就可以开始进行编码了。 第1步:绘制组件树 第2步:实现“点击操作” 首先为性别男和性别女的图文内容搭一个可以点击的区域,等一下把它们俩放在这个区域里来,同时定义一个性别 »

Mac装flutter过程和遇到的坑

**1.安装flutter ** 1.打开终端,输入:git clone -b beta https://github.com/flutter/flutter.git 2.打开 .bash_profile ,先进到.bash_profile 所在的目录,然后在终端输入open .bash_profile 3.配置export PATH=/xx/xx/flutter/bin:${PATH} 2.在终 »

用flutter搞一波微信

项目地址 https://github.com/wkiwi/flutter_WeChat 项目进度 目前已经实现了部分websocket服务,server文件夹下为使用node构建的websocket服务,自定义固定群,所有用户启动APP自动加入flutter交流群,实时添加新加入的用户。目前支持群聊与私聊。聊天记录后台不存储只提供消息通信 项目内提供了固定的websocket后端服务,可修改为本 »

Flutter学习笔记4 (交互)

然后是Flutter里的交互(Interactive)。 这里有几个知识点: 1) Stateless Widget和Stateful Widget 2) 自定义Widget 首先完成了官方教程:https://flutter.io/tutorials/interactive/ 接着上一个Layout的练习,按星星就会取消收藏,数字减一。由41变为40。 大致的实现思路就是将图标写成一个自定义的 »

Flutter的基本介绍--通过Flutter的第一个项目

前言 Flutter从2018年2月底在世界移动大会(MWC)发布第一个bata版;5月的GoogleI/O大会上发布 bata3;6月底GMTC宣布了首个预览版;9月谷歌开发者大会上发布预览版2;12月宣布发布正式版1.0版。而且5月I/O大会后据说闲鱼已经在使用了,可谓发展之迅速,应该还是很被大家看好的。 本文算是看了谷歌官方文档及flutter文档的翻译加上自己的肤浅理解的总结吧。原文可查看 »