命令: flutter packages pub run build_runner build 使用 build_runner 生成 .g.dart 文件 flutter packages pub run build_runner wacth 监控生成文件,如果有改动时自动生成/更新 .g.dart 文件 问题1: 使用 flutter packages pub run build_runner build 没有正确生成文件.错误如下: 解决方法: 问题 2: 运行 flutter packag…

国内使用 flutter packages get 命令,一直是  This is taking an unexpectedly long time 状态 科.学.上.网.无.效. windows解决方案: 配置 [用户环境变量]:FLUTTER_STORAGE_BASE_URL: https://mirrors.sjtug.sjtu.edu.cn/PUB_HOSTED_URL: https://dart-pub.mirrors.sjtug.sjtu.edu.cn/ 具体环境变量的值 需要看该网…

connectivity This plugin allows Flutter apps to discover network connectivity and configure themselves accordingly. It can distinguish between cellular vs WiFi connection. This plugin works for iOS and Android. device_info Get current device informat…

博客搬迁至http://blog.wangjiegulu.com RSS订阅:http://blog.wangjiegulu.com/feed.xml 以下代码 Github 地址:https://github.com/wangjiegulu/flutter_test_01 编写你的第一个Flutter App 原文:https://flutter.io/get-started/codelab/ 这个你创建第一个Flutter app的指南.如果你熟悉面向对象的代码,基本的编程概念,比如变量,循…

本篇文章我们来讲讲一些比较常用的 Widget. 大家验证的时候使用下面的代码替换 main.dart 代码,然后在 //TODO 语句返回下面常用 Widget 示例的代码. import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { retu…

前言 其实如果打算在实际项目中引入 Flutter,完全将旧有项目改造成纯 Flutter 项目的可能性比较小,更多的是在旧有项目引入 Flutter. 因此本篇我们就说一说如何在旧有项目引入 Flutter. 官方 WIKI 有说明,但是里面坑还是不少的,变化也是存在的. 因此就让我们来看一看. 目录 1. 按照官网实现基本引入 Add Flutter to existing apps 上面为GitHub WIKI 的引入方式,通过 Module 的形式进行引入. 可以看出文档还是在不断更新的…

学习内容来自: Flutter中文网  . Flutter实战 --------------------------------------------------------------------------------------------------------------------------- 使用Flutter首先需要搭建Flutter的开发环境,以下以 Android  .Windows 标准 搭建开发环境,其他pc系统,移动平台请看官方文档. 一.使用镜像 --------…

对于大部分安卓或者IOS开发人员来说,App的数据持久化可能是很平常的一个话题.但是对于Web开发人员来说,可能紧紧意味着localStorage和sessionStorage. Web开发 localStorage和sessionStorage localStorage和sessionStorage是相似而又不同的,二者的API接口是极其类似甚至相同.简单地说一下二者的异同点: localStorage生命周期是永久.这意味着在理论上除非用户显示在浏览器提供的UI上清除localStorage…

1.前言 实现轮播图,效果如下: 2.实现 将采用 banner_view 实现:资源库地址 2.1.yaml 引入依赖 在 pubspec.yaml 声明需要引用的库,执行命令 flutter packages get 进行拉取即可使用. banner_view: "^1.1.2" 2.2.代码中引入依赖 在资源库地址下方,作者提供了 banner_view 的几种展示方式. import 'package:flutter/material.dart'; import 'packag…

sqflite使用引入插件在pubspec.yaml文件中添加path_provider插件,2019年2月18号最新版本为1.1.0: dependencies: flutter: sdk: flutter #sqflite插件 sqflite: ^1.1.0执行 flutter packages get 下载插件. 数据库操作方法介绍1. 创建数据库文件和对应的表 // 获取数据库文件的存储路径 var databasesPath = await getDatabasesPath(); St…

今天在尝试使用Flutter 的时候,需要使用一个第三方库 修改了 pubspec 文件之后,AS 像往常一样提示 需要 package get. 之前都挺正常,不知道今天怎么了. 一直处在 Running "flutter packages get" in project_name... 的状态. 没关系我等,等了大概有10分钟吧,看了下 logcat OS Error: 信号灯超时时间已到 , errno = 121, address = storage.googleapis.co…

1.命令行运行flutter run之后iOS报错:Could not install build/ios/iphones/Runner.app on XXXXX. try lunching Xcode andselecting "Project > Run" to fix the problem open ios/Runner.xworkspace....... 这个恶心的报错,我一直以为是我Xcode的问题,因为早上一直好的,代码未动.而下午什么都没做,就是Xcode升级了下…

Flutter 常用命令: Flutter 常用命令 说明 flutter 列出所有的命令 flutter help 查看具体命令的帮助信息 flutter doctor 查看是否还需要安装其它依赖 flutter doctor -v 查看详细信息 flutter channel 查看 Flutter SDK 所有分支 flutter channel stable 切换分支 flutter upgrade 升级 Flutter SDK(此命令会同时更新 Flutter SDK 和你的 Flutt…

flutter 新状态管理方案 Provide (一)-使用     版权声明:本文为博主原创文章,基于CC4.0协议,首发于https://kikt.top ,同步发于csdn,转载必须注明出处! https://blog.csdn.net/qq_28478281/article/details/87858386 开这篇文章是因为看到这个库被托管在google的仓库下,而且说明是被设计出来替代ScopedModel的,而且更加灵活 支持Builder模式和StreamBuilder模式,全局,…

模拟器中调试元素的布局: Android Studio 右侧边栏 Flutter Inspector,选择 Toggle Debug Paint 打开. 格式化代码: 编辑器中右键 Reformat Code with dartfmt. 使用外部功能包(https://pub.dartlang.org/flutter): 把外部包名加到 pubspec.yaml 的 dependencies 依赖中,运行 flutter packages get 安装,代码中 import 进来使用. 例子内容…

这篇文章主要介绍了Flutter Plugin开发流程,包括如何利用Android Studio开发以及发布等. 本文主要给大家介绍如何开发Flutter Plugin中Android的部分.有关Flutter以及Flutter Plugin的概念,感兴趣的可以从官网查看相关资料. 1. 简介 笔者的环境是Mac下Android Studio进行的开发,AS也是谷歌官推的,安装flutter插件后,开发起来相对于其他IDE来说,方便很多,自带了三种模板: Flutter Application:…

dependencies: flutter_svg: ^0.12.1 flutter packages get import 'package:flutter_svg/flutter_svg.dart'; assets: - assets/close.svg SvgPicture close = new SvgPicture.asset( "assets/close.svg", color: Colors.grey, );…

本文介绍一下Flutter中如何进行json数据的解析.在移动端开发中,请求服务端返回json数据并解析是一个很常见的使用场景.Android原生开发中,有GsonFormat这样的神器,一键生成JavaBean,并利用Gson实现json数据和对象的转化:在React Native中更是得益于直接使用javascript语言,无需对json对象进行解析便可以直接访问属性.那么在Flutter中如何实现对json数据的解析呢? Flutter采用dart语言进行开发,dart具有很多核心库,其中…

1.前言 之前写了一篇文章关于 flutter 初体验的一篇,https://www.cnblogs.com/niceyoo/p/9240359.html,当时一顿骚操作,然后程序就跑起来了. 隔了好一段时间,换了个电脑,重新装了个AndroidStudio,继续搭建 Flutter ,然后哐哧哐哧用了一会就把需要配置弄好了,然后用 AS 创建了个项目,好家伙,直接报错. Launching lib\main.dart on ONEPLUS A5010 in debug mode... Init…

有状态widget:StatefulWidget和无状态widget:StatelessWidget 前者不需要实现Widget build(BuildContext context). 具体的选择取决于widget是否需要管理一些状态 在Dart语言中使用下划线前缀标识符,会强制其变成私有的. Icons.favorite Icons类里面有很多默认图标 isOdd 是否奇数 2.isOdd -> false 1.isOdd -> true pushSaved “”开头的自动转成私有(方法和…

上一篇文章说到  Flutter - 自动生成Android & iOS图标 通过flutter_launcher_icons 可以一键生成所有的Icon 到此基本什么问题也没有,如果你用ios设备和安卓8.0以下的设备. 但是在安卓8开始,app图标开始变成圆形的图标了. 如果不进行图标适配的话,那么显示的图标将异常吃藕(丑),比如淘婊和X东.这么大一个公司,连一个图标适配都不做??? 那么怎么用一套图标,既可以兼容安卓8之前的版本矩形/圆角矩形图标,也可以兼容8之后的圆形图标版本呢? 答案还…

对于要发布的app来说,做图标是一个麻烦的事,你需要知道N个图标的分辨率,然后用PhotoShop一个个修改导出. PS好图标之后,按照各自的位置放进去. *********************************************************************************** 有没有简单一点的办法呢? 答案是YES! 如果有个PS脚本的话,可以节省一些时间. PS好图标之后,你还需要按照各自的位置放进去. **********************…

GridView组件.一个可滚动的二维空间数组. 在使用无限加载滚动列表的时候,最先使用的还是ListView组件.但若是要一行显示2列或者更多列的滚动列表,GridView组件更为方便.如下 在向服务器请求数据后,服务器往往会返回一段json字符串.而我们要想更加灵活的使用数据的话需要把json字符串转化成对象.由于flutter只提供了json to Map.而手写反序列化在大型项目中极不稳定,很容易导致解析失败.所有最好使用json_serializable 自动反序列化. 首先在pubs…

Flutter的环境搭配完之后,就开始Flutter的开发,下面的一些工具和方法,可以省下一些时间. 自己在用的,暂时想到的,就是这些了,总结一下. 1.JSON解析快速生成实体类 根据接口返回的数据,编写实体类,添加两个方法. fromJson()方法是可以聪一个Map中构造出一个User的实例,toJson()方法,可以将一个实例转化为Map. 如果接口返回的数据比较复杂点,那么手动写起来就会很麻烦.这个时候可以利用json_serializable来帮你自动生成实体类的一些代码,还有利用c…

http 集成http库 https://pub.dartlang.org/packages/http 添加依赖 dependencies: http: ^ 安装 flutter packages get 导入 import 'package:http/http.dart' as http; 常用方法 get(dynamic url, { Map<String, String> headers }) → Future<Response> (必须)url:请求地址 (可选)heade…

build_runner的使用 1.在根目录运行 2.一次性创建.g.dart文件 使用build 此时目录内不能有.g.dart文件 3.watch是监听 有model类的文件创建 自动创建.g.dart文件 flutter packages pub run build_runner build flutter packages pub run build_runner watch dependencies: flutter: sdk: flutter json_annotation: ^ #…

[SEVERE] Conflicting outputs were detected and the build is unable to prompt for permission to remove them. These outputs must be removed manually or the build can be run with `--delete-conflicting-outputs`. The outputs are: lib/models/base_action_li…

我们自己做了插件包,当然也想发布到pub.dartlang.org上去.怎么发布呢?先看看官方的说明(https://flutter.io/developing-packages/). Publishing packages Once you have implemented a package, you can publish it on Pub, so that other developers can easily use it. Prior to publishing, make sur…

导读 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系统上…

运行慢解决方法1:修改build.gradle,注释掉jcenter(),google().使用阿里的镜像.原因是jcenter google库无法访问到导致的问题.虽然我有万能的爬墙工具,开启全局代理依然被我们伟大的发改委墙掉了! buildscript { repositories { //google() //jcenter() maven { url 'https://maven.aliyun.com/repository/google' } maven { url 'https://m…