智慧屏 安装 app如何提升家庭娱乐与教育体验的关键工具
2259
2022-12-27
flutter搜索框插件（flutter通知栏插件）
本篇文章给大家谈谈flutter搜索框插件，以及flutter通知栏插件对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。
今天给各位分享flutter搜索框插件的知识，其中也会对flutter通知栏插件进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！
开始的时候我们是在页面中直接使用三方框架 http 进行网络的请求，这里不好的一点就是如果将来我们更换了网络请求框架的话，项目中涉及到网络的请求的地方都需要改动，对项目的影响会比较大。所以这里我们自己封装了一个网络请求类，定义自己的网络请求方法，即使将来更换三方框架的话，我们只需要在我们自己网络请求类里面更换就好，项目的其他地方不用改动。对网络请求进行封装，相信不管是 iOS 项目还是安卓项目肯定也都是这样做的。
这里我们是基于 Dio 这个三方框架进行封装的，在 HttpManager 类中我们定义了 Dio 的单例对象 _dioInstance ，通过单例方法 _getDioInstance 来获取单例对象。我们定义了 post 跟 get 两个静态方法，在这两个方法中我们都调用了私有方法 _sendRequest ， _sendRequest 方法中通过该传入的枚举参数 HttpMethod 来区分 Dio 单例对象是调用 get 还是 post 请求。这里需要注意的是方法中一定要使用 async ，返回值前要加 await 。
在聊天页面中我们可以看到顶部的搜索框，这个搜索框是跟列表一起滚动的，所以比较好的实现方式就是把搜索框定义为一个 cell 。其实这个搜索框只有点击事件，点击之后跳转一个新的页面，所以我们只需要使用小部件来实现搜索框的展示就好。搜索框由白色底视图跟图片和文本组成，所以这里我们通过 Stack 部件来实现， children 的第一个元素为白色底视图，图片跟搜索文字用 Row 部件来实现，图片跟文字布局左右排列。
oktoast : ^3.1.5
#路由
get : ^4.5.1
#百度地图定位
flutter_bmflocation : ^2.0.0-nullsafety.1
#百度地图-基础地图
flutter_baidu_mapapi_map : ^3.0.0+2
#百度地图-检索
flutter_baidu_mapapi_search : ^3.0.0
#百度地图-计算工具
flutter_baidu_mapapi_utils : ^3.0.0
#屏幕自动适应
flutter_screenutil : ^5.2.0
#Banner图切换
flutter_swiper_plus : ^2.0.4
#网络请求
dio : ^4.0.4
dio_cache_interceptor : ^3.2.2
pretty_dio_logger : ^1.2.0-beta-1
#城市选择器
azlistview : ^2.0.0
#本地存储
get_storage : ^2.0.3
#权限
permission_handler : ^8.3.0
#保存图片
image_gallery_saver : ^1.7.1
# image_save: ^5.0.0
#常用工具类
common_utils :
path : plugin/common_utils-2.0.2
#选择器
flutter_picker : ^2.0.2
#生成二维码
qr_flutter : ^4.0.0
#验证码输入框
pin_input_text_field : ^4.1.1
# 汉字转拼音
lpinyin : ^2.0.3
#多张图片上传
wechat_assets_picker : ^6.3.1
wechat_camera_picker : ^2.6.3
#裁剪图片
image_cropper : ^1.5.0
#图片压缩
flutter_luban : ^0.1.13
#家谱树
graphview : ^1.1.1
vector_math : ^2.1.0
#行为验证码
steel_crypt : ^3.0.0+1
encrypt : ^5.0.0
#二维码识别
flutter_qr_reader : ^1.0.5
#右上角小图标
badges : ^2.0.2
#唤醒系统应用
url_launcher : ^6.0.17
flutter_sms : ^2.3.2
#QQ分享
tencent_kit : ^2.1.0
flutter_cache_manager : ^3.3.0
#微信SDK
fluwx : ^3.6.1+4
#支付宝SDK
tobias :
path : plugin/tobias-2.2.0
#个推
getuiflut : ^0.2.11
#极光推送
# jpush_flutter:
# path: plugin/jpush_flutter-2.2.2
#极光魔链
jmlink_flutter_plugin :
path : plugin/jmlink_flutter_plugin-2.1.2
#极光认证
jverify :
path : plugin/jverify-2.2.4
#极光统计
janalytics :
path : plugin/janalytics-2.1.5
#倒计时
circular_countdown_timer : ^0.2.0
#加载中效果
flutter_spinkit : ^5.1.0
#APP更新
r_upgrade :
path : plugin/r_upgrade-0.3.7+2
#刷新-加载更多
flutter_easyrefresh : ^2.2.1
#右上角弹出式菜单
custom_pop_up_menu : ^1.2.2
#时间轴
timeline_tile : ^2.0.0
#虚线边框
dotted_border : ^2.0.0
like_button : ^2.0.4
#图片
extended_image : ^6.0.1
#图片九宫格
nine_grid_view : ^2.0.0
#时间模糊插件
timeago :
path : plugin/timeago-3.1.0
#屏幕截图
screenshot : ^1.2.3
#图片压缩
flutter_image_compress : ^1.1.0
#List左滑右滑
flutter_slidable : ^1.2.0
#底部伸缩抽屉-针对地图
sliding_up_panel : ^2.0.0+1
#键盘高度
flutter_keyboard_size : ^1.0.0+4
#JSON动图
lottie : ^1.2.2
#城市选择器
city_pickers :
path : plugin/city_pickers-1.0.1
#调试工具
path_provider : ^2.0.7
#打开HTML
webview_flutter : ^2.3.1
#表情
emoji_picker_flutter : ^1.0.8
#扇形进度
ai_progress : ^2.0.0
#喜欢按钮
tiktok_favorite_gesture : ^1.0.0
#获取手机信息
device_info : ^2.0.3
#包信息
package_info : ^2.0.2
device_apps : ^2.1.1
#倒计时
stop_watch_timer : ^1.3.1
#发现Android和iOS上的网络（WiFi和移动/蜂窝）连接状态
connectivity_plus : ^2.2.0
#从应用程序打开iOS和Android手机设置。
app_settings : ^4.1.1
#日志上报
sentry_flutter : ^6.1.2
#后退拦截
back_button_interceptor : ^5.0.2
#视频播放器
better_player : ^0.0.81
#APP启动图
flutter_native_splash : ^2.0.4
#JSON-TO-MAPPER
dart_json_mapper : ^2.1.17
#HTML展示
flutter_html : ^3.0.0-alpha.2
#XD to Flutter
adobe_xd : ^2.0.1
flutter_svg : ^1.0.3
#APPBAR背景色渐变
new_gradient_app_bar : ^0.2.0
#音频播放
flame_audio : ^1.0.0
#入门介绍页
intro_slider : ^3.0.3
#键盘
keyboard_actions : ^3.4.5
emoji_keyboard_flutter : ^1.2.7
#单选选择框
flutter_pickers : ^2.1.9
遇到的问题1：
It‘s strongly recommended to include a “homepage“ or “repository“ field
解决方案：在 pubspec. yaml 中配置 主页 homepage 地址 :
homepage: https://github.com/catmaomao/channel_test
可参考：https://blog.csdn-/shulianghan/article/details/120024180
2flutter搜索框插件，执行 flutter pub publish--server=https://pub.dartlang.org 发布
如果执行flutter pub publish发布的话会遇到以下错误，国内还是用 flutter pub publish--server=https://pub.dartlang.org 来发布
https://pub.flutter-io- package repository requested authentication! You can provide credential using:pub token add https://pub.flutter-io-
问题1：It looks like accounts.google.com is having some trouble. Pub will wait for a while before trying to connect again. OS Error: Operation timed out, errno = 60, address = accounts.google.com, port = 53481 pub finished with exit code 69
原因：
1、国内墙；
2、flutter环境配置添加了国内镜像
解决方式：
1、翻墙；
2、屏蔽环境变量里关于flutter的国内镜像；
屏蔽方式如下：
# export PUB_HOSTED_URL=https://pub.flutter-io-
# export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io-
3、设置终端代理命令(这个是flutter搜索框插件我解决的方式)，这个非常重要，不然就会报上面超时错误了
如果出现：Flutter pub finished with exit code 1
解决方式：flutter packages pub publish --server=https://pub.dartlang.org
此问题原文链接：https://blog.csdn-/qq_34698126/article/details/99326034（毕竟要尊重版权）
问题2：LICENSE这个文件中不能有TODO，也不能为空，可找个flutter库看看别人是怎么写的 关于flutter搜索框插件和flutter通知栏插件的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。 flutter搜索框插件的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于flutter通知栏插件、flutter搜索框插件的信息别忘了在本站进行查找喔。
本文目录一览：
- 1、Flutter 网络请求类封装及搜索框实现
- 2、Flutter项目插件整理
- 3、Flutter-02编译器选择
- 4、android studio找不到任何插件
- 5、flutter插件发布及问题解决
Flutter 网络请求类封装及搜索框实现
在 Flutter 中定时器相对 iOS 来说比较好的一点就是定时器事件的执行不会受视图拖拽的影响，不涉及到模式。但是需要注意一点的是在页面离开的时候要对定时器进行销毁。开始的时候我们是在页面中直接使用三方框架 http 进行网络的请求，这里不好的一点就是如果将来我们更换了网络请求框架的话，项目中涉及到网络的请求的地方都需要改动，对项目的影响会比较大。所以这里我们自己封装了一个网络请求类，定义自己的网络请求方法，即使将来更换三方框架的话，我们只需要在我们自己网络请求类里面更换就好，项目的其他地方不用改动。对网络请求进行封装，相信不管是 iOS 项目还是安卓项目肯定也都是这样做的。
这里我们是基于 Dio 这个三方框架进行封装的，在 HttpManager 类中我们定义了 Dio 的单例对象 _dioInstance ，通过单例方法 _getDioInstance 来获取单例对象。我们定义了 post 跟 get 两个静态方法，在这两个方法中我们都调用了私有方法 _sendRequest ， _sendRequest 方法中通过该传入的枚举参数 HttpMethod 来区分 Dio 单例对象是调用 get 还是 post 请求。这里需要注意的是方法中一定要使用 async ，返回值前要加 await 。
在聊天页面中我们可以看到顶部的搜索框，这个搜索框是跟列表一起滚动的，所以比较好的实现方式就是把搜索框定义为一个 cell 。其实这个搜索框只有点击事件，点击之后跳转一个新的页面，所以我们只需要使用小部件来实现搜索框的展示就好。搜索框由白色底视图跟图片和文本组成，所以这里我们通过 Stack 部件来实现， children 的第一个元素为白色底视图，图片跟搜索文字用 Row 部件来实现，图片跟文字布局左右排列。
Flutter项目插件整理
#弹窗oktoast : ^3.1.5
#路由
get : ^4.5.1
#百度地图定位
flutter_bmflocation : ^2.0.0-nullsafety.1
#百度地图-基础地图
flutter_baidu_mapapi_map : ^3.0.0+2
#百度地图-检索
flutter_baidu_mapapi_search : ^3.0.0
#百度地图-计算工具
flutter_baidu_mapapi_utils : ^3.0.0
#屏幕自动适应
flutter_screenutil : ^5.2.0
#Banner图切换
flutter_swiper_plus : ^2.0.4
#网络请求
dio : ^4.0.4
dio_cache_interceptor : ^3.2.2
pretty_dio_logger : ^1.2.0-beta-1
#城市选择器
azlistview : ^2.0.0
#本地存储
get_storage : ^2.0.3
#权限
permission_handler : ^8.3.0
#保存图片
image_gallery_saver : ^1.7.1
# image_save: ^5.0.0
#常用工具类
common_utils :
path : plugin/common_utils-2.0.2
#选择器
flutter_picker : ^2.0.2
#生成二维码
qr_flutter : ^4.0.0
#验证码输入框
pin_input_text_field : ^4.1.1
# 汉字转拼音
lpinyin : ^2.0.3
#多张图片上传
wechat_assets_picker : ^6.3.1
wechat_camera_picker : ^2.6.3
#裁剪图片
image_cropper : ^1.5.0
#图片压缩
flutter_luban : ^0.1.13
#家谱树
graphview : ^1.1.1
vector_math : ^2.1.0
#行为验证码
steel_crypt : ^3.0.0+1
encrypt : ^5.0.0
#二维码识别
flutter_qr_reader : ^1.0.5
#右上角小图标
badges : ^2.0.2
#唤醒系统应用
url_launcher : ^6.0.17
flutter_sms : ^2.3.2
#QQ分享
tencent_kit : ^2.1.0
flutter_cache_manager : ^3.3.0
#微信SDK
fluwx : ^3.6.1+4
#支付宝SDK
tobias :
path : plugin/tobias-2.2.0
#个推
getuiflut : ^0.2.11
#极光推送
# jpush_flutter:
# path: plugin/jpush_flutter-2.2.2
#极光魔链
jmlink_flutter_plugin :
path : plugin/jmlink_flutter_plugin-2.1.2
#极光认证
jverify :
path : plugin/jverify-2.2.4
#极光统计
janalytics :
path : plugin/janalytics-2.1.5
#倒计时
circular_countdown_timer : ^0.2.0
#加载中效果
flutter_spinkit : ^5.1.0
#APP更新
r_upgrade :
path : plugin/r_upgrade-0.3.7+2
#刷新-加载更多
flutter_easyrefresh : ^2.2.1
#右上角弹出式菜单
custom_pop_up_menu : ^1.2.2
#时间轴
timeline_tile : ^2.0.0
#虚线边框
dotted_border : ^2.0.0
like_button : ^2.0.4
#图片
extended_image : ^6.0.1
#图片九宫格
nine_grid_view : ^2.0.0
#时间模糊插件
timeago :
path : plugin/timeago-3.1.0
#屏幕截图
screenshot : ^1.2.3
#图片压缩
flutter_image_compress : ^1.1.0
#List左滑右滑
flutter_slidable : ^1.2.0
#底部伸缩抽屉-针对地图
sliding_up_panel : ^2.0.0+1
#键盘高度
flutter_keyboard_size : ^1.0.0+4
#JSON动图
lottie : ^1.2.2
#城市选择器
city_pickers :
path : plugin/city_pickers-1.0.1
#调试工具
path_provider : ^2.0.7
#打开HTML
webview_flutter : ^2.3.1
#表情
emoji_picker_flutter : ^1.0.8
#扇形进度
ai_progress : ^2.0.0
#喜欢按钮
tiktok_favorite_gesture : ^1.0.0
#获取手机信息
device_info : ^2.0.3
#包信息
package_info : ^2.0.2
device_apps : ^2.1.1
#倒计时
stop_watch_timer : ^1.3.1
#发现Android和iOS上的网络（WiFi和移动/蜂窝）连接状态
connectivity_plus : ^2.2.0
#从应用程序打开iOS和Android手机设置。
app_settings : ^4.1.1
#日志上报
sentry_flutter : ^6.1.2
#后退拦截
back_button_interceptor : ^5.0.2
#视频播放器
better_player : ^0.0.81
#APP启动图
flutter_native_splash : ^2.0.4
#JSON-TO-MAPPER
dart_json_mapper : ^2.1.17
#HTML展示
flutter_html : ^3.0.0-alpha.2
#XD to Flutter
adobe_xd : ^2.0.1
flutter_svg : ^1.0.3
#APPBAR背景色渐变
new_gradient_app_bar : ^0.2.0
#音频播放
flame_audio : ^1.0.0
#入门介绍页
intro_slider : ^3.0.3
#键盘
keyboard_actions : ^3.4.5
emoji_keyboard_flutter : ^1.2.7
#单选选择框
flutter_pickers : ^2.1.9
Flutter-02编译器选择
1.打开 VS Code。
2.打开 查看 命令面板…。
3.输入 “install”，然后选择 扩展: 安装扩展(就是点击选择第一行内容)。
4.在扩展搜索输入框中输入 “flutter”，然后在列表中选择 Flutter 并单击 安装。此过程中会自动安装必需的 Dart 插件。（选择第一行并安装）
5.退出然后重新启动 VS Code。
1.打开 查看 命令面板…。
2.输入 “doctor”，选择 Flutter: Run Flutter Doctor。
3.打开 输出 (OUTPUT) 面板查看是否有错误，确保在不同的输出选项 (Output Options) 的下拉列表中选择了 Flutter。
我们在上篇文章已经用命令行创建了一个 my_app 的flutter项目了，这里我们就可以使用 vscode 打开看看了
创建新项目 ，则是在命令面板输 flutter , 选择 Flutter: New Application Project
运行项目 ，找到 VS Code 的状态栏(窗口底部蓝色的条)
1.打开 Android Studio。
2.打开插件设置（在 v3.6.3.0 以上的系统打开 Configure Plugins）。
这里需要先改一下网络请求的设置
3.然后搜索Flutter 插件，选择并点击 安装。
4.当弹出安装 Dart 插件提示时，点击 Yes。
5.退出重新启动编译器，然后在编译器主页面就可以看到多了了 create new flutter project 可供选择，代表flutter插件安装成功，我们试着点击来创建一个新项目。
android studio找不到任何插件
进入设置里面找到 Plugins 选项，Plugins就是指的插件，然后在右边的列表内进行查询。里面的内容就是 Android Studio 所安装的一些列插件，可以对其进行卸载或者去搜索框安装新的插件。如下图所示：
注意：安装完毕后需要对Android Studio进行重启，然后进去查看插件时候安装成功。
flutter插件发布及问题解决
1flutter搜索框插件，执行 flutter pub publish--dry-run 检查是否具备发布条件遇到的问题1：
It‘s strongly recommended to include a “homepage“ or “repository“ field
解决方案：在 pubspec. yaml 中配置 主页 homepage 地址 :
homepage: https://github.com/catmaomao/channel_test
可参考：https://blog.csdn-/shulianghan/article/details/120024180
2flutter搜索框插件，执行 flutter pub publish--server=https://pub.dartlang.org 发布
如果执行flutter pub publish发布的话会遇到以下错误，国内还是用 flutter pub publish--server=https://pub.dartlang.org 来发布
https://pub.flutter-io- package repository requested authentication! You can provide credential using:pub token add https://pub.flutter-io-
问题1：It looks like accounts.google.com is having some trouble. Pub will wait for a while before trying to connect again. OS Error: Operation timed out, errno = 60, address = accounts.google.com, port = 53481 pub finished with exit code 69
原因：
1、国内墙；
2、flutter环境配置添加了国内镜像
解决方式：
1、翻墙；
2、屏蔽环境变量里关于flutter的国内镜像；
屏蔽方式如下：
# export PUB_HOSTED_URL=https://pub.flutter-io-
# export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io-
3、设置终端代理命令(这个是flutter搜索框插件我解决的方式)，这个非常重要，不然就会报上面超时错误了
如果出现：Flutter pub finished with exit code 1
解决方式：flutter packages pub publish --server=https://pub.dartlang.org
此问题原文链接：https://blog.csdn-/qq_34698126/article/details/99326034（毕竟要尊重版权）
问题2：LICENSE这个文件中不能有TODO，也不能为空，可找个flutter库看看别人是怎么写的 关于flutter搜索框插件和flutter通知栏插件的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。 flutter搜索框插件的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于flutter通知栏插件、flutter搜索框插件的信息别忘了在本站进行查找喔。
版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。
相关文章
发表评论
最近发表
推荐文章
热评文章
暂时没有评论，来抢沙发吧~