Flutter 网络请求类封装及搜索框实现

在 Flutter 中定时器相对 iOS 来说比较好的一点就是定时器事件的执行不会受视图拖拽的影响，不涉及到模式。但是需要注意一点的是在页面离开的时候要对定时器进行销毁。

开始的时候我们是在页面中直接使用三方框架 >

对于现在的APP应用，国际化需求并不高，但是作为一项有用的功能，我们还是按部就班地去实现它，由于还未完成全局状态管理和全局事件总线，暂时使用了一个全局变量Locale去定义，因此要完成切换就需要手动修改变量值后重启应用（热更新是不可以的），目前仅实现简体中文和美式英文两种语言

1引入国际化需要的包。

2在Flutter节点下添加generate，可以在重启或者热更新时实时更新翻译文件。

3在根目录下增加l10nyaml文件，用于配置实时更新的内容。

4在根Widget的MaterialApp中增加如下配置，大多都是来自第三步自动更新的内容，如果编译器不能自动识别，可以手动引入如下包：import 'package:flutter_gen/gen_l10n/app_localizationsdart';

5编译翻译文件，在lib/I10n的目录下新增app_zharb和app_enarb两个文件（如果要具体到国家代码可以新建为app_zh_CNarb和app_en_USarb）,文件采用Json的语法，Vscode等编辑器也有对应的语法插件，至于翻译语法，大家可以自行了解，限于篇幅，仅做常用的展示。

注：app表示变量名，后续可以使用AppLocalizationsof(context)!app调用，语言切换时就会按照对应的翻译文件进行展示。

@app表示对app变量的描述，是给翻译人员看的，与代码运行无关。

模板语句，有时候需要实现类似“倒计时20秒”只有数字变化的语句，此时就形成了模板插值语句，在模板上插入数字，上述hit6即实现了这样一个语法，最终会被翻译为一个函数，读者可自行尝试。

关于iOS平台

尝试过国际化的读者可能发现在iOS平台无法顺利完成切换（上述全局变量方式和使用全局状态管理的实现方式有本质区别，注意区分），这是因为iOS应用程序有一套自建的语言环境管理机制，所以使用上面的方式适配国际化对于iOS应用程序是无效的，为了让iOS应用程序也能支持国际化，还需要在原生iOS工程中进行额外的配置。 使用Xcode打开Flutter项目的iOS原生工程，切换到工程面板，然后在Localization选项配置中添加中文支持即可。

在Android/ios平台权限处理是绕不开的内容，本应用作为demo应用，会尽可能地多索要权限，但是设计为仅在用户安装后第一次打开时索取一次，后续不再主动索取，仅在用户需要使用相关功能时引导用户给予权限即可。权限管理的实现相对简单，可以引用permission_handler包，并加入以下代码，在APP启动时调用一次requestAllPermission函数即可。

下章内容 ： 主题切换，欢迎页，引导页，

小破站同名，同步文章且定时直播编程，有兴趣可以移步

在Dart中，当你不需要去改变一个变量的时候，应该使用final或者const，而不是使用var去声明一个变量。一个final变量只允许被赋值一次，必须在定义时或者构造函数参数表中将其初始化。

const所修饰的是编译时常量，我们在编译时就已经知道了它的值，它的值是不可改变的。

const比final更加严格，看以下例子：

对于表达式：

如果tar为null或tar[a]为null或tars(b)的值为null，都会导致表达式为null。

实现跳转到广告按back返回是主界面

如何强制竖屏

在线上的app,如果flutter报错，那一片红可是非常的辣眼睛，给用户的体验也很不好，其实我们可以自定义错误页面

在Flutter中，加载本地会存在一个加载过程。比如点击图标做图标的切换时，那么首次会发生闪动的情况。尤其是做类似引导页这类需求是，通过左右滑动切换时会发生比较明显的白屏一闪而过。

解决方法很简单，就是使用 precacheImage ，它将图像预存到图像缓存中。如果图像稍后被使用，它会被加载得更快。

在iOS 13中遇到了>

此控件的package我已经托管到了 pub仓库

如果你被墙住了，也可以看 国内镜像

使用方式就是在你的flutter pubspecyaml中添加依赖：

然后flutter packages get更新依赖即可

最近写demo时发现Flutter自带的ListView widget很简陋，没有分隔线，没有section/row之分，也没有sectionHeader，如果要实现一个有分割线，有section区分，有section header的ListView，耦合会非常严重：

在 >

在此之前先推荐看大佬的: 填坑指导

iOS需要注意：

1、flutter20要求cocoapods 升级到190

详情看这篇博客 >

在 Android Studio 中运行 Flutter 的 iOS 端，遇到 CocoaPods not installed Skipping pod install ，分享一个我的解决方案，希望对看文章的小伙伴有所帮助。

翻译是：CocoaPods未安装。正在跳过pod安装。我们需要安装 CocoaPods ,在终端输入安装指令，如下所示：

安装成功显示：

我的解决方案大概就是这样，遇到同样的问题的同学可以尝试看看。

以上就是关于Flutter 网络请求类封装及搜索框实现全部的内容，包括:Flutter 网络请求类封装及搜索框实现、Flutter-使用Sentry上报异常搭建、全栈项目开发3：应用国际化和权限处理等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！