Flutter使用问题整理

前言

写这篇文章是为了记录平时在使用flutter时遇到的问题,及解决方案,方便再次遇到时能够快速解决。

问题及解决

问题1

真机运行项目,在构建时提示

复制代码
Running Gradle task 'assembleDebug'...                             41.8s
[!] App requires Multidex support
    Multidex support is required for your android app to build since the number of methods has exceeded 64k. You may pass the --no-multidex flag
    to skip Flutter's multidex support to use a manual solution.

解决方案:

参考:https://docs.flutter.dev/deployment/android#enabling-multidex-support

在终端上执行 flutter run --debug,当出现Do you want to continue with adding multidex support for Android? [yln]提示时,选择y

问题2

在程序中如何监听某一个变量是否发生了改变

dart 复制代码
ValueNotifier<int> count = ValueNotifier(0);

// 注册监听器
count.addListener(() {
  print("Count changed: ${count.value}");
});

// 修改变量的值
count.value = 1; // Count changed: 1

模拟请求超时

dio中可以判断是否请求超时,最近在做一个功能,需要模拟请求超时。

有时候程序一直在等待执行结果,如果执行时间比较久,就会影响到后续的执行。通过模拟请求超时,来出现长时间的等待问题。

dart 复制代码
Future<int> performTask() async {
  await Future.delayed(Duration(seconds: 3)); // 模拟一个耗时的异步操作

  return 42; // 返回执行结果
}

void main() {
  performTask().timeout(Duration(seconds: 2), onTimeout: () {
    return -1; // 在超时时返回-1
  }).then((result) {
    print('执行结果:$result');
  }).catchError((error) {
    print('发生错误:$error');
  });

 // 或者
 int res = await performTask().timeout(Duration(seconds: 2), onTimeout: () {
    return -1; // 在超时时返回-1
  }).then((result) {
    print('执行结果:$result');
    return result;
  }).catchError((error) {
    print('发生错误:$error');
  });
}

问题3

在使用Android Studio的Device Explorer 向外到处文件时提示:

复制代码
Error opening contents of device file "hello.txt": Cannot create directory C:\Users\octop\Documents\AndroidStudio\DeviceExplorer\emulator-5554\sdcard\Download\hello

解决方案:在终端里运行 adb root

如果提示'adb' 不是内部或外部命令,也不是可运行的程序或批处理文件",那么就需要配置环境变量。

1、找到sdk所在的文件夹

2、在sdk目录里找到adb.exe文件

3、选择系统变量,在path添加adb程序所在路径

4、执行完adb root后,重启Android studio后可以顺利到处文件

问题4

在访问http开头的网络时,报错提示:

复制代码
WebResourceError{description: net::ERR_CLEARTEXT_NOT_PERMITTED, type: UNKNOWN}

原因是:从Android 9(API级别28)开始,默认情况下,Android应用程序不允许加载不安全的非加密网络资源。这意味着如果你的应用程序尝试加载使用HTTP协议的资源,将会引发net::ERR_CLEARTEXT_NOT_PERMITTED错误。

解决:打开android/app/src/main/AndroidManifest.xml 文件,添加 android:usesCleartextTraffic="true" 再重新编译程序

问题5

有时候会遇到这样的app,在启动时需要授予权限,当拒绝授予权限后,app会自动退出。这个功能可以基于permission_handlerEasyLoading 两个插件来实现,关于这两个插件的基本使用见:

Flutter:视频下载案例

Flutter:EasyLoading(loading加载、消息提示)

代码如下,需要在main.dart里使用

dart 复制代码
class MyApp extends StatelessWidget {
  const MyApp({super.key});

  // 应用权限请求
  void requestMultiplePermissions(BuildContext context) async {
    Map<Permission, PermissionStatus> status = await [
      // 网络权限
      Permission.storage,
    ].request();
    // 判断是否存在权限未授予的情况
    bool hasPermission = status.values.every((status) => status.isGranted);
    if (!hasPermission) {
      EasyLoading.showToast("获取权限失败,应用无法正常运行");
      await Future.delayed(const Duration(seconds: 2));
      exit(0);
    }
  }

  @override
  Widget build(BuildContext context) {
    // 进行权限请求
    requestMultiplePermissions(context);

    return  MaterialApp(
      // 应用的主题、页面等配置
      home: MyHomePage(),
    );
  }
}
相关推荐
带带弟弟学爬虫__1 小时前
Flutter 逆向想学却无从下手?
flutter
行者961 小时前
Flutter跨平台开发:颜色选择器适配OpenHarmony
flutter·harmonyos·鸿蒙
不爱吃糖的程序媛1 小时前
深度解析OpenHarmony跨平台框架生态:RN、Flutter、Cordova、KMP四大方向全梳理
flutter
kirk_wang2 小时前
Flutter艺术探索-Flutter样式系统:TextStyle与主题配置
flutter·移动开发·flutter教程·移动开发教程
火柴就是我2 小时前
Flutter 混合模式下:saveLayer 混合注意点
android·flutter
AiFlutter2 小时前
四、动画图表(03):饼图
flutter·低代码·低代码平台·aiflutter·aiflutter低代码
西西学代码2 小时前
Flutter---通过案例来详细了解状态管理
flutter
LawrenceLan3 小时前
Flutter 零基础入门(八):Dart 类(Class)与对象(Object)
前端·flutter
前端不太难3 小时前
Flutter 列表性能的一套“长期安全写法”
安全·flutter·状态模式
行者963 小时前
Flutter鸿蒙跨平台开发:实现高性能可拖拽排序列表组件
flutter·harmonyos·鸿蒙