原生通信系列 在 flutter 开发中一定会有需要和原生通信的情况 第一篇介绍的是 flutter 调用 Android 这篇是给刚刚入门或者刚刚接触原生调用的朋友们使用的,老鸟们或者英文强的朋友还是直接看官方文档比较好 创建项目 一般来说建议使用一个 plugin 作为一个单独的项目来将业务逻辑独立出去 我这里使用命令行创建,事实上一律建议使用命令行创建,因为信息更加可见一些 1flutter create --template plugin battle_power 2cd battle_power 前面都是固定格式,最后面那个是插件名,根据你自己的需要来修改 创建好的截图如下 和开发 package 的时候不同, …

阅读更多

pub 库 项目名: 项目地址: 简介: 图片压缩 项目名: 项目地址: 项目简介: 仿 android toast 纯 flutter 实现 项目名: 项目地址: 项目简介: 读取系统相册 纯 api 版 支持(ios/android) 项目名: 项目地址: 项目简介: 相册图片选择器 基于 photo_manager 项目名: 项目地址: 项目简介: ListView 的加载更多 项目名: 项目地址: 项目简介: 配合 pageview 的简单圆点指示器 项目名: 项目地址: 项目简介: 城市选择器 项目名: 项目地址: 项目简介: 一个长按弹出菜单的小部件 项目名: 项目地址: 项目简介: 日志插件,用于帮助将 flutter …

阅读更多

flutter 中 如果给图片外面套 InkWell ,你会发现点击的逻辑生效了,但是 UI 上没反应 备注: , 违反版权请联系我,删除 代码如下 1import 'package:flutter/material.dart'; 2 3class ImageTapWidget extends StatefulWidget { 4 final Widget child; 5 final Function onTap; 6 7 const ImageTapWidget({Key key, this.child, this.onTap}) : super(key: key); 8 9 @override 10 …

阅读更多

点击事件 android 中,所有 View 都可以直接 setOnClickListener, RN 中也有 TouchableHightlight 这样的控件可以直接套在外面,ios 中也可以有 UIControl 这样的控件可以直接添加点击事件. 那么 flutter 中有吗? 答案自然是有. GestureDetector,InkResponse,InkWell, 包括一些琳琅满目的按钮,比如 FlatButton,MaterialButton,CupertinoButton,IconButton,ImageButton 这些组件都可以达到目的. 那么自定义的目的是什么呢? 自定义的优点 最重要的自然就是可控性强,复用性强. …

阅读更多

简单翻译 英文链接来自于 对应的版本为 11 月 11 日版本 连接为 后续如有改动,请以最新的英文版本为准,有翻译不准确的地方请参照英文版本自行理解 概述 本文档描述了 Flutter 工具包的内部工作原理，使 Flutter 的 API 成为可能。因为 Flutter 小部件是使用积极的可组合性(aggressive composition)构建的，所以使用 Flutter 构建的用户界面具有大量小部件。 为了支持这种工作量，Flutter 使用次线性算法来布局和构建小部件，这些数据结构使树形手术变得高效，并且具有许多常量因子优化。 通过一些额外的细节，这种设计还使开发人员可以使用回调来轻松创建无限滚动列表，这些回调可以构建用户 …

阅读更多

so 库说明 so 库在 android 中,是使用 c/c++代码编译出来的库文件,可以使用 ndk 调用,就是你在 android 代码中见到的 native 方法,具体的实现就在 so 库中 关于 so 库兼容性问题 andorid 中或多或少都会引用到第三方库,而很多第三方库中都有 so 的存在,不论是复制到项目中(如百度地图),或是 gradle 依赖(如个推) 其中都涉及到了 so 库的相关问题,如果你选择的库是有所有 cpu 类型可选还好,如果不是,那么就需要自定义设置了 举个栗子 你的 app 依赖两个库,分别是 lib1,lib2 1 lib1: arm64-v8a,armeabi-v7a 2 lib2: …

阅读更多

自定义 loadmore 写在前面 这类的库在 pub 上有很多 我为什么要自定义呢 首先是项目需要，并且这种库普适性高，抽取出来今后复用也方便点 另外记录一下编码思路,方便后续查看 使用说明 或 看看构造方法 一共 5 个属性 child 是 ListView onLoadMore 是加载更多时的回调,由外部实现 isFinish 加载完成 delegate 是一个抽象类 有默认实现, 其中有 3 个方法,一个是根据状态给一个 widget 高度 一个是延迟加载的毫秒时间 一个是构建显示在内部的 Widget,这样就完全实现了外部可根据状态自定义 Widget LoadMoreTextBuilder 是一个根据状态构建文字的方案, …

阅读更多

在 flutter 中 route 是一个绕不开,必须面对,且很常用东西 Route 就是路由,顾名思义,负责你页面间的跳转 不想看代码和思路分析的直接 copy 了拿去用就行 没有啥外部依赖,只需要注意_rootRoute 后面的字符串需要和 initialRoute 对应即可 路由又分静态和动态路由 静态就是不需要传参数的,这样的路由可以直接定义在 MaterialApp/WidgetsApp 里 这样可以通过Navigator.pushNamed调用 动态的就是传入一个PageRoute, 通常是一个MaterialPageRoute 或者CupertinoPageRoute,或者你如果有自定义的有可以使用 这里我使用一个我的 …

阅读更多

有时候 flutter 更新 sdk 版本后不知道该不该更新 有时候 pub 库更新后和自己的其他类库发生了冲突 类似于图上的情况 遇到这样的问题应该怎么解决呢 我们一步步解决 首先,这种依赖一般是 pub 中引用的,先查看下原作者有没有最新版,也许就解决了呢 无奈我们用到的类库是一个 5 个月没有更新过的类库,看来是指望不上了 没关系,我们进 pub 主页中 一般都是有 github 的,我们点进 github 中 如果真没有 那就下一个 zip,然后自己创建一个吧 然后 fork 项目,clone 下来,修改下 可以参考下这个修改日志, 修改了库的引用地址,因为这两个库是同一个作者,这个依赖了另一个,我这里修改了另一个库,并且也 …

阅读更多

文章首发地址: 前言 最近看 qq 群里发的很多代码截图,感觉命名规则/文件命名都不符合规范 很多朋友都是从其他语言转向 dart/flutter 的,深感语言环境还需要大家共同去维护,建议还是规范化代码,这样所有人看着都会舒服 恰好 dart 语言官方有自己的代码规范和相关的说明,在 dartlang 官网上,英文好的建议阅读原文 连接地址 我这里仅粗略翻译和加入一些自己的理解 图片均来自于上述 url 对应的页面中 当前 dart 版本为 2.0 版本,日期为 2018 年 08 月 22 日 可能会在未来有改动,到时请以最新文档为准 文档中图片的绿色部分为正例,右上角带good标识 红色是反例,右上角带bad …

阅读更多

以下所有相关来自于当前认知,flutter 还在高速发展/dart 也在不停更新,后续可能发生变化 目前 flutter dev 版本是 0.7.0 dart 正式版是 2.0.0 json_serializable 版本是 1.1.0 具体的 json 解析可以参考这篇 连接来自于官网 其中介绍了两种方式，第一种是手动解析 需要的话可以参考一位大佬写的 这个有一个工具，python+qt 写的跨平台工具，有 linux/mac/windows 三端可执行文件 第二种是利用 1dependencies: 2 # Your other regular dependencies here 3 json_annotation: …

阅读更多

mac 开发环境配置 从入门到完成 本文首发简书 转载请注明出处 高能提示：文章字数不多，图很多，请做好战斗准备 前言 写这篇文章的原因是我自己的 macbook 开不开机，返修后，所有开发环境全部没有了，正好要重新配置开发环境，所以写一个从零配置的文章 因为 flutter 涉及到跨平台开发，所以预想中会包含四部分 mac 篇，android 篇，ios 篇，flutter 篇 术语相关 cmd = command 键（空格左边） opt／alt = option 键（cmd 左边） ctrl = control（opt 左边） cli = 命令行工具（command-line interface,命令行界面) as = …

阅读更多

写在前面 这篇文章的目的是给纯 flutter 萌新回答一些基础问题,ctrl+f/cmd+f 搜索关键字 控件名 本篇会持续更新 最后更新时间 2018-08-02 布局篇 flutter 中 控件各司其职,基础控件中基本只包含自己的功能 显示内容的负责显示内容,如 Text 负责文字,Image 负责图片 容器的负责容器,Row,Column,ListView 等 尺寸位置的负责自己,Padding,Container,SizedBox 等 触摸手势触摸相关:GestureDetector flutter 中在 widget 层级提倡组合模式,而不提倡继承模式 比如你不应该有一个class TextButton extend …

阅读更多

flutter 面向新手向 flutter 中一切界面层级的东西全部都是 Widget 这句话怎么理解呢? 大到整个应用,小到一个文字控件,全部都是 Widget 一个常规的 Application 图级可能是这样的,当然实际情况下会比这复杂很多 对应代码和实际情况看一下 为了和图片对应 我把所有的写到一个文件里 1 2import 'package:flutter/material.dart'; 3 4void main() => runApp(new MyApp()); 5 6class MyApp extends StatelessWidget { 7 @override 8 Widget …

阅读更多

flutter 介绍 所有的一切都是个人观点,不满可以留言,可以讨论,吵架大可不必 所有的资料仅 2018-07-06 时我所了解的,当前的 flutter 版本号 dev 为 0.5.6,beta 为 0.5.1 转载请注明出处,简书为第一发布平台(本人目前迁出简书平台,自建 blog) 何谓 flutter 简介 google 自己的官方介绍,来源于 为什么要用 flutter 跨平台框架,能开发 ios/android,性能不错 已有那么多的跨平台方案,flutter 有什么优势 所有 UI 为 Flutter 平台自建,使用 skia 引擎绘制到屏幕上,能保持高度的统一性 所以 flutter 定位仅为 UI 框架,可以做一 …

阅读更多