flutter 文档（flutter文档）

本篇文章给大家谈谈flutter 文档，以及flutter文档对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。 今天给各位分享flutter 文档的知识，其中也会对flutter文档进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、Flutter 之 文件操作（二十九）
• 2、flutter学习二：资源文件images
• 3、Flutter 文件路径
• 4、Flutter混合开发实战
• 5、Flutter笔记三之Dart库文件的使用
• 6、一文解决Flutter中使用TextField遇到的各种疑难杂症

Flutter 之 文件操作（二十九）

Dart的 IO 库包含了文件读写的相关类，它属于 Dart 语法标准的一部分，所以通过 Dart IO 库，无论是 Dart VM 下的脚本还是 Flutter，都是通过 Dart IO 库来操作文件的，不过和 Dart VM 相比，Flutter 有一个重要差异是文件系统路径不同，这是因为Dart VM 是运行在 PC 或服务器操作系统下，而 Flutter 是运行在移动操作系统中，他们的文件系统会有一些差异。

Android 和 iOS 的应用存储目录不同， PathProvider 插件提供了一种平台透明的方式来访问设备文件系统上的常用位置。该类当前支持访问两个文件系统位置：

File代表一个整体的文件,他有三个构造函数，分别是：

文件读取本身有两种形式，一种是文本，一种是二进制。

2.2.1 读取文本内容

如果是文本文件，File提供了readAsString、readAsLines、readAsStringSync、readAsLinesSync方法，读取文本内容

readAsString 一次性读取所有文本

readAsLines 一行行的读取文本

结果返回的是一个List，list中表示文件每行的内容

readAsStringSync、readAsLinesSync同步读取文本

2.2.2 读取二进制内容
如果文件是二进制，那么可以使用readAsBytes或者同步的方法readAsBytesSync:

dart中表示二进制有一个专门的类型叫做Uint8List,他实际上表示的是一个int的List。

上面提到的读取方式，都是一次性读取整个文件，缺点就是如果文件太大的话，可能造成内存空间的压力。
所以File为我们提供了另外一种读取文件的方法，流的形式来读取文件.

示例

dart提供了open和openSync两个方法来进行随机文件读写：

写入和文件读取一样，可以一次性写入或者获得一个写入句柄，然后再写入。
一次性写入的方法有四种，分别对应字符串和二进制

句柄形式可以调用openWrite方法，返回一个IOSink对象，然后通过这个对象进行写入：

默认情况下写入是会覆盖整个文件的，但是可以通过下面的方式来更改写入模式：

虽然dart中所有的异常都是运行时异常，但是和java一样，要想手动处理文件读写中的异常，则可以使用try,catch:

我们还是以计数器为例，实现在应用退出重启后可以恢复点击次数。 这里，我们使用文件来保存数据：

1.引入PathProvider插件；在pubspec.yaml文件中添加如下声明：
执行 flutter pub get

2.实现如下

参考： https://www.jianshu.com/p/92b09aaecf17
https://book.flutterchina.club/chapter11/file_operation.html

flutter学习二：资源文件images

在根目录创建images文件夹。

在 pubspec.yaml 文件中，放开 assets:注释

在 pubspec.yaml 文件中，dependencies: 依赖下面添加

则在Widget中

具体Icon展示样式，我现在是根据展示的英文来显示，具体是否满足还得显示出来查看，有点不确定性。

也可以根据自己切图展示图片比较方便。

在图片加载过程中，给用户展示一张默认的图片，能提高用户体验。
使用FadeInImage组件来达到这个功能。FadeInImage能处理内存中，App资源或者网络上的图片。

在 flutter pub 中搜索"transparent_image", 并根据例子安装相应版本的框架

在 flutter pub 中搜索"cached_network_image", 并根据例子安装相应版本的框架, 此框架类似于sdwebImage. 具体使用可以参考其 文档

Flutter 文件路径

path_provider是flutter提供的一个获取应用存储路径的插件，它封装了统一的api来获取Android和ios两个平台的应用存储路径，提供的api如下：

getTemporaryDirectory()：获取应用临时文件夹，该文件夹用来保存应用的缓存，可以随时删除用于清缓存，对应于Android的getCacheDir()和ios的NSTemporaryDirectory()；

getApplicationDocumentsDirectory()：获取应用安装路径，在应用被卸载的时候删除，对应Android的AppDate目录和iOS的NSDocumentDirectory目录；

getExternalStorageDirectory()：获取存储卡目录，仅支持Android；

我们通过File和Directory来创建文件和文件夹时首先要获取到应用的相关路径，不然会报错；

File对象和Directory对象封装在dart:io中，使用时需要先引入该库：

Directory对象提供listSync()方法获取文件夹里的内容，该方法返回一个数组；

文件和文件夹都通过delete删除，delete异步，deleteSync同步；如果一个文件夹是非空的删除会报错，删除非空文件夹需要先清空该文件夹：

flutter对json序列化需要引入 dart:convert 库：

通过jsonEncode/jsonDecode来转换json对象：

// 将test目录下的info.json复制到test2目录下的info2.json中

引入包archive包：

压缩：

压缩前使用ZipFileEncoder先声明处理压缩的对象，调用该对象的zipDirectory方法压缩文件，该方法接受两个参数，第一个是要压缩文件/文件夹的路径，第二个是压缩包的保存路径；

解压：

Flutter混合开发实战

之前开发了一个纯Flutter的项目，结果接到个新的需求需要使用Flutter单独开一个模块集成到原有的android项目中
下面分享一下如何集成现有的项目和如何继承以及碰到的问题
1.首先第一步 修改gradle
因为 Flutter 当前仅支持为 x86_64，armeabi-v7a 和 arm64-v8a 构建预编（AOT）的库 所以我们需要修改gradle的文件限制 APK 中支持的架构，从而避免 libflutter.so找不到引起的崩溃

2.新建一个FlutterModel的工程
2.使用aar文件 因为所有工程统一使用jenkins打包所以我们放在本地肯定是不合适的
说以我们需要 打包aar并上传服务器

上传完成后在android中引用

在开发中遇到的问题
1.关于android和Ios中的跳转传参问题
这个问题在android端还是比较方便的 但是的在Ios端并不怎么好实现
最终决定使用flutter_boost来完成android和Ios与Flutter的通信操作
flutter_boost github地址： https://github.com/alibaba/flutter_boost
集成文档： https://github.com/alibaba/flutter_boost/blob/master/INTEGRATION.md
集成文档给出了 但是没有android的 尴尬
下满分享下android的集成
（1）在flutter的 pubspec.yaml工程中添加

（2）修改android工程
使用本地工程的时候需要在工程共添加

使用aar的时候不需要添加
（3）在android工程中添加对应的条状路由配置

（4）在使用默认的flutter_boost启动界面的时候可能碰到状态栏丢失的情况
所以最好集成BoostFlutterActivity写一个新的activity方便处理状态栏和activity进出动画

（5）跳转并传参
//params 传多个参数可以使用json的形式

2.在flutter中的网络框架使用的dio结果在ios的弹出loading的时候出现卡顿现象
解决方式：1.服务换证书 （但是后台太忙暂时没有支持的人员）
2.ios使用原生的loading解决
3.在使用dio的时候出现ios部分手机 网络请求缓慢问题
解决方法：请求的时候使用http 2.0协议
插件地址： https://github.com/flutterchina/dio/tree/master/plugins/http2_adapter

Flutter笔记三之Dart库文件的使用

一个 dart 文件就是一个库文件

每个 dart 文件默认导入flutter 文档了系统核心库 dart:core 其flutter 文档他库需手动导入：
import 'dart:系统库库名';

import 文件后可直接使用flutter 文档，默认导入一个库flutter 文档的所有变量和方法。
文件名后+ as +自定义名称,导入的库起的别名flutter 文档，同python
文件名后+ show +导入的变量或方法：只导入 show 后面的变量或方法
文件名后+ hide +隐藏的变量或方法：出 hide 后面的变量或方法，其他的变量和方法全部导入
export 公共的库文件的抽取

可以在pub.dev网站中查找第三方库。

然后即可引用使用

一文解决Flutter中使用TextField遇到的各种疑难杂症

可以使用 SingleChildScrollView 包裹布局
这里还需要了解一个 Scaffold 中的一个属性 resizeToAvoidBottomInset

官方文档给出的解释就是处理键盘遮挡问题，默认是 true，如果不希望顶起需要设置为 false。
在 sdk 低版本的时候是使用 resizeToAvoidBottomPadding 需要将其设置为 false，现在已经弃用。但网上很多文章还没有改正，仍然用的 resizeToAvoidBottomPadding。

分两种情况
一种是使用系统的返回键，比如 android 底部导航自带的返回，
另一种是使用导航栏自定义的返回键
第一种情况需要在页面根布局使用 WillPopScope 在 onWillPop 中拦截返回处理。
原理都是通过判断输入框是否获取了焦点

当底部有固定的组件，比如提交按钮，我们在键盘弹起的时候希望按钮贴着键盘顶部固定，但是中间滚动视图可以自由滚动
可以在 SingleChildScrollView 外部再使用 Stack 包裹，悬浮按钮使用 Positioned 定位，
还要⚠️注意要给滚动组件底部留出距离防遮挡，同时还有动态加上 bottomBar 的高度，因为在 iphoneX 以上的手机，会有个虚拟按键，如果不加上该按键高度，同样会被遮挡
高度获取方法： MediaQuery.of(context).padding.bottom

在 showDialog 布局中使用 Scaffold 包裹，不要忘了将 backgroundColor 设为透明。
如果弹窗过高，还是需要将高度固定，然后使用 SingleChildScrollView ，弹窗中同样也可以在执行关闭的时候拦截，判断键盘是否弹起，如果弹起则要先关闭键盘。

给所有输入框绑定 FoucusNode
在 maxLines=1 的情况下，输入框不支持换行，换行按钮会变成 done
监听 onEditingComplete 方法

根布局使用 GestureDetector 或者 InkWell 包裹，点击的时候收起键盘。

最后要记得销毁 关于flutter 文档和flutter文档的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。 flutter 文档的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于flutter文档、flutter 文档的信息别忘了在本站进行查找喔。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。