） 注意： [√]这个是安装OK的，[X]是需要安装的，或者是已安装但是没有运行起来的。...（需要访问外国网站）直接添加依赖，可能会很慢， 也可以直接去https://pub.dartlang.org/packages/ 查找想要的依赖库，直接下载压缩包，然后复制到以下路径：...安卓原生的apk包最多就几M。但是这是debug模式下的apk包，签名打包后的release版本的包很小，大概几兆的样子。...但是：这个视图树层次太深了，看起来很费劲有木有。。...（这个不是重点，了解就可以了） yarn官网 https://yarnpkg.com/zh-Hans/ yarn中文网 https://yarn.bootcss.com/ nodejs
文章目录 一、报错信息 二、解决方案 一、报错信息 ---- 推送 Flutter 包到中央仓库 , 第一次推送报错 , D:\002_Project\002_Android_Learn\flutter_package...>flutter packages pub publish --server=https://pub.dartlang.org Publishing flutter_package 0.0.1 to https...=https://pub.dartlang.org Publishing flutter_package 0.0.3 to https://pub.dartlang.org: |-- .gitignore...2019 年就使用了该名称 , 上传的是 v0.01 版本 , 因此第一次报错是版本已存在 ; 第二次改了下版本 , 上传时会验证权限 , 不是本人 , 肯定不能覆盖这个版本号 ; 总结一下就是 ,...Flutter 插件名称被人占了 , 就不能再用了 , 重新取个新名字吧 ; 整了个超长的名字 flutter_package_first_demo , 上传成功 ; 插件地址是 : https:/
注意： √这个是安装OK的，X是需要安装的，或者是已安装但是没有运行起来的。...（需要访问外国网站）直接添加依赖，可能会很慢， 也可以直接去https://pub.dartlang.org/packages/ 查找想要的依赖库，直接下载压缩包，然后复制到以下路径：...安卓原生的apk包最多就几M。但是这是debug模式下的apk包，签名打包后的release版本的包很小，大概几兆的样子。...但是：这个视图树层次太深了，看起来很费劲有木有。。...（这个不是重点，了解就可以了） yarn官网 https://yarnpkg.com/zh-Hans/ yarn中文网 https://yarn.bootcss.com/ nodejs中文官网
int addOne(int value) => value + 1; } 实现了一个简单计算功能 , 导入该包后 , 调用 addOne 方法 , 就会将传入的参数 +1 返回 ; 这里保持不变 ;...包使用说明 ---- 一般在 Flutter 包中央仓库中 , 搜索到某个 Flutter 包或插件 , 显示的内容就是 Flutter 包 / 插件的工程根目录的 README.md 文档 ; 一般将插件的使用说明..., 写在该文档中 ; 四、编写 Dart 包授权许可 ---- 修改根目录下的 LICENSE 许可 ; 随便找个 Flutter 插件 , 复制一份即可 ; 该协议不是必须的 ; 五、设置版本变更记录...七、将 Dart 包推送到中央仓库中 ---- 执行如下命令 , 将 Dart 包推送到中央仓库中 ; flutter packages pub publish --server=https://pub.dartlang.org...>flutter packages pub publish --server=https://pub.dartlang.org Publishing flutter_package_first_demo
=https://storage.flutter-io.cn 修改完在命令行 source ~/.bash_profile 一下即可 三、依然失败 这时候大多数人的问题都迎刃而解，但是一部分同学还是不行...flutter packages get / flutter pub get ，那么执行前先 cd 到项目的目录下哈 这个方法的作用在于修改临时环境的配置 基本上这样操作之后就能搞定了，如果还不行的话可以参考以下方案.../flutter1.5.4/.pub-cache/hosted/pub.flutter-io.cn/ 在 hosted 文件夹下，可以发现几个以 flutter 镜像域名命名的文件夹 ..../pub.dartlang.org/ ....../pub.flutter-io.cn/ 可见下载的依赖包都是按不同镜像分目录存放，所以每切一回镜像，都需要重新下载所有项目的依赖插件 因为加载的插件较多，也就导致等待时间非常久，这也是切换了几个国内镜像依旧卡
可以看到，上面脚本的本质是一个标准插件，其内部主要就是基于我们传递的参数进行一些配置。上面的步骤 4 的表现看产物，这里不再演示。...FlutterTask；对于步骤 6 其实也蛮直观，我们执行 flutter build apk 后看产物目录如下： [在这里插入图片描述] 这个 jar 也是重点，它里面其实不是 class，而是上图中的...目录下的 flutter 脚本完成的，大段代码只是为了为执行这个脚本准备参数配置信息。...# 返回的文件系统路径必须是Dart的URI解析器可用的格式，因为Dart命令行工具将其参数视为文件URI，而不是文件名。...pwd -P)" #2、如果存在就先执行bootstrap脚本，默认SDK下面是没有这个文件的，我猜是预留给我们自定义初始化挂载用的。
---- 2、flutter不是内部或者外部命令，也不是可运行的程序或者处理文件。 【解决方案】把Flutter添加到环境变量。...的文件夹，我们现在查找看看有没有叫做 pub.flutter-io.cn 的文件夹，如果有，为了省事，建议把pub.dartlang.org的文件夹里面的文件全部 拷贝 到pub.flutter-io.cn...如果没有，就 创建 一个名为 pub.flutter-io.cn 的文件夹，然后再执行拷贝工作。...【解决方案】这里面是因为 flutter_tools 包的兼容性问题 导致的，可能是sdk版本兼容性问题，我们可以执行 flutter upgrade 升级一下Flutter再试试看，如果不行，就按 第六条...报的错误会有各种各样，但是只要有以上提到的两种字眼的解决方式如下： 【解决方案】 建议 删除Flutter根路径/bin/cache文件夹，然后重新执行 flutter doctor 命令。
Flutter三方的工具有两种。一种是插件（Plugin），一种是包（Package）。...Package及Plugin开发命令 创建Dart包（package） 要创建Dart包，使用参数--template=package 来执行 flutter create flutter create...--template=package 'package_name' 创建插件（Plugin） 要创建插件包，请使用--template=plugin参数执行flutter create flutter...Flutter官方就建议过镜像的配置，所以我们在发布插件或者包的时候，就会因为镜像出现下面错误。 ? 那么解决它的问题也很简单，就是指定服务器发布。...指定服务器发布 flutter packages pub publish --server=https://pub.dartlang.org
本文采用Flutter官方WebView插件：https://pub.dartlang.org/packages/webview_flutter WebView与JS互相调用是一个刚需，但是貌似现在大家写的文章讲的都不是很清楚...方法1：使用javascriptChannels发送消息 javascriptChannels参数可以传入一组Channels，我们可以定义一个_alertJavascriptChannel变量，这个..._alertJavascriptChannel变量，并给它起了个name叫Toast，这个name属性接收的是一个字符串，它代表了JS调用Flutter时，双方共同商定好了的一个协议，JS通过这个name...我们可以和客户端协商好一个scheme，比如这个例子里面就是js://webview，我们可以在query string上带上我们想要传递的参数： <button onclick="callFlutter...arg1=111&args2=222"; } 在Flutter端，我们就可以在navigationDelegate回调中拦截这个符合js://webviewscheme的路由地址了： navigationDelegate
Dart是区分大小写的，var str 和var STR 是两个变量 Dart是严格使用分号的，结尾不加分号会报错 和js语法基本一致，可以使用var声明，Dart会根据赋值来判断类型，但是不支持Js的...年龄：$age"; } //自定义非必填参数函数 默认返回的是null 可选参数可以是多个，全部写在[]里面即可 当然也可以在参数里面直接默认赋值 String getUserInfos(String...，不会污染全局，让一个变量常驻内存，但是又不污染全局，这个就是闭包的意义所在，实现一个闭包也很简单，函数嵌套函数，内部函数调用外部函数的变量或者参数，并return 里面的函数就形成了闭包 void...，但是他不是多继承，因为只可以单继承，多实现，mixins是一种新特性,但是喜欢vue的人可能就模糊了，vue中也有这个，但是那个是为了混入一些公共的方法，这里也可以这么理解，类的目的也是为了处理功能的一块代码...，所以写的不是说很深入，只是简单的介绍一下，为学习flutter打下一些基础！
打开 https://github.com/flutter/plugins 或者 https://pub.dartlang.org/flutter 可以在上面找到需要官方和第三方提供的其他组件，我们使用的...文件存储 ---- 和SharedPreferences操作一样，Flutter内部并没有提供对本地文件的支持，但是官方给我们提供了第三方的支持库哦。...最后，我们来看下Flutter中Sqlite的用法 Sqlite ---- 和SharedPreferences和文件操作操作一样，Flutter内部并没有提供对sqlite的支持，但是官方给我们提供了第三方的支持库哦...，并返回泛型为Database的Future对象（我们这里是使用的失去了语句建立的数据表操作，大家可以根据自己需要定制相应的ORM映射库） 我们建立了一个表名为user 主键为id，一个Text类型name...^笔芯^ 小结 ---- 可以在https://pub.dartlang.org/flutter获取第三发插件 在pubspec.yaml引入或者更新第三发插件 SharedPreferences、文件
设置 flutter_screenutil 报错 直接引用包 flutter_screenutil 去使用，会报错使用不了 ScreenUtil().setWidth(width) 等方法。...这个错误就是我们并没有按照官网进行使用。需要根据官网逐步进行。 这里我使用方式一 -- 在app中使用它一次。...构建安卓应用包出错 在应用开发完成之后，构建安卓的图标文件，可能会出现报错： ✗ ERROR: InvalidConfigException Cannot not find minSdk from android...main (file:///Users/jimmy/Documents/sdk/flutter/.pub-cache/hosted/pub.dartlang.org/flutter_launcher_icons..._handleMessage (dart:isolate-patch/isolate_patch.dart:192:12) 可以在android/local.properties文件中添加内容： flutter.versionName
端发送消息，如果你有兴趣不妨看一个插件的实现 https://pub.dartlang.org/packages/quick_actions，它很直白的实现了这样的过程。...接下来让我以 iOS 视角写一个简单的插件让大家能很直白的了解到 Dart 和 Native 的通信过程，并且这也是写插件非常有用的方式，你可以利用 flutter 提供的命名行来初始化一个模板项目：..._channel = const MethodChannel('icepy.fetch'); } 连接通道的名需要保持唯一性 接着我们可以利用 Futrue 来写一个简单的方法，这个方法从 Native...getPlatformVersion ，因此在这个方法中每一次的通信 Flutter 都会传递一个 FlutterMethodCall类型对象给你使用，在method属性中，你可以获取到从 Dart...AS 或者 VSCode 保存配置文件即可，能自动安装你发布的 package，但是如果你想在开发阶段进行测试，也可以将你的 package 写在 dev_dependencies 中，指定你的 path
Flutter (https://pub.dartlang.org/flutter) 布局 / 样式需要学习全新的范例 / API 要学习不同的项目配置 (pubspec.yaml vs...Flutter 有一个模块系统，或者叫包管理系统 (https://pub.dartlang.org/)，它与 npm 有很多不同点。它的好坏取决于你对 npm 的看法。...如果你同时打开了 iOS 和 Android 模拟器，你可以通过模拟器来运行这个应用程序: flutter run -d android / flutter run -d iPhone 也可以同时运行...如果我们想要添加和导入其他依赖项，我们需要将新的依赖项加入 pubspec.yaml ，使它们作为依赖可以导入。 在这个文件中，我们还可以看到在顶部有一个名为 main 的函数。...布局与样式 虽然 Dart 和大多数 Flutter 框架都非常简单，但是使用布局和样式起初开始有点难以理解。
flutter.jpg 实际开发中引入第三方的功能模块极为常见，也就是别人写好的、封装好的实现特定功能的操作，这里称之为“包”，也可称为“库”。...比如我添加了dio网络请求的库，如上形式；具体操作如下； 1、找到我们需要的包在代码库中的名称及所需的版本号: 所有的第三方都有个仓库来保存这些东西，我们使用就得先把它找出来，这个仓库就在这里【https...终端一直提示这种状态，等了好久报错超时，无法连接“pub.dartlang.org/”，这是境外的，网络被墙了无法访问； 明明在系统变量里配置了访问的国内镜像呢； export PUB_HOSTED_URL...common.png 命令执行完成，此时包应该下载到本地了；pubspec.lock 文件中可以看到有包的信息； 代码中输入dio：如下有反应了，这说明包引入成功了！_！ ?...dio3.png 里面两个目录对应两个镜像地址，里面的包就是我们远程下载的，然后项目中直接使用，打包时直接链接进来了； 终于知道包怎么回事了，下面就可以在项目中愉快的使用了，不知道怎么用？
错误示范 （二）输入包名，点击next，点击finish，等待编译就可以了。如果没配置好，这个时候往往会报错。 注意：这里可以支持ios和kotlin，如果需要的话可以勾上。...后来我想是不是BITS传输服务未开启，于是我一顿操作猛如虎，操作如下，打开BITS： 计算机 --> 右键 “管理” --> 服务和应用程序里面，点击“服务”，然后如下图所示： 然后选中图中标记的这个...（四） 编译一个demo居然安装包是30多M，这个也太坑了吧。。安卓原生的apk包最多就几M。但是这是debug模式下的apk包，签名打包后的release版本的包很小，大概几兆的样子。...（五）Flutter有一个Flutter Inspector的工具，主要是检查Widget的，可以用于诊断布局渲染问题，查看app当前的视图树结构。但是：这个视图树层次太深了，看起来很费劲有木有。。...（这个不是重点，了解就可以了） yarn官网 https://yarnpkg.com/zh-Hans/ yarn中文网https://yarn.bootcss.com/ nodejs中文官网https
Dart 作为一个 编程语言 其作用当然不仅限于 Flutter ，我们也可以创建一个纯 Dart 的项目。本案例的项目 github 开源地址 【toly】。...官方也有详细的 文档介绍 pub-global。 首先我们要做两个准备工作： [1]....将 .pub-cache/bin 加入环境变量 安装的可执行文件都会放在这个文件夹中，所以想要全集访问，需要将这个文件夹放入环境变量： 安装成功之后，你可以在 .pub-cache/bin 文件夹中看到可执行文件的存在...： 然后在命令行中，就可以使用 toly 命令处理逻辑了，是不是很 nice : 另外，通过 dart pub global list 命令可以查看所有的安装可执行文件： ---->[input]---...执行如下命令进行发布： dart pub publish --server pub.dartlang.org 注意这里需要进行认证，要访问国外网站： 上传成功后会提示信息： 然后在 pub 上可以查看到相关的类库
命名路由的局限 尽管命名路由可以处理深层链接，但是他们的表现总是一致的，没办法做到自定义。当应用平台接收到一个新的深层链接，不论用户此时在哪个位置，Flutter都会将新的路线推送到导航器上。...使用命名路由的Flutter应用也不支持浏览器的前进按钮。基于这些原因，官方其实是不建议在大多数应用中使用命名路由。 当然，实际开发过程中，我们需要根据实际情况进行调整。...同时使用Router和Navigator Router和Navigator在设计时就可以协同工作。...当我们使用Router或声明性路由包进行导航时，Navigator上的每个路由页面都是支持的。这表示，路由是根据页面上的使用了页面上参数的Navigator构造函数创建的路由。...如果我们使用的是路由包，则页面支持的路由始终是可深度链接的，而无页面的路由则不是。 当从导航器中删除页面支持的路由时，它之后的所有无页面路由也将被删除。
对很多移动应用来说，加载网络图片是很常见的基本功能。Android中常用Glide等图片库。Flutter提供了Image组件来展示不同类型的图片。...加载图片 根据URL加载图片，使用Image.network构造器 Image.network( 'https://raw.githubusercontent.com/flutter/website...raw=true', ); Image.network的例子 import 'package:flutter/material.dart'; void main() => runApp(new ImageDemoApp...有默认占位图和淡入效果 在图片加载过程中，给用户展示一张默认的图片，能提高用户体验。 使用FadeInImage组件来达到这个功能。FadeInImage能处理内存中，App资源或者网络上的图片。...使用缓存图片 使用cached_network_image包。参见 https://pub.dartlang.org/packages/cached_network_image 。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
