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(),
    );
  }
}
相关推荐
悟空瞎说8 小时前
Flutter 架构详解:新手必懂底层原理
flutter
SoaringHeart11 小时前
Flutter最佳实践:IM聊天文字链接自动识别跳转
前端·flutter
恋猫de小郭14 小时前
KMP / CMP 鸿蒙版本 Beta 发布,他有什么特别之处?
android·前端·flutter
风华圆舞1 天前
Flutter + 鸿蒙 Intents Kit:页面直达能力的完整接入方案
flutter·ui·华为·harmonyos
韩曙亮1 天前
【Flutter】Flutter 组件 ④ ( 组件渲染 的 三棵树理论 | Widget 树 → Element 树 → RenderObject 树 )
flutter·element·widget·renderobject
恋猫de小郭2 天前
Android 17 正式版发布,全新 AI 和各种破坏性更新
android·前端·flutter
kingbal2 天前
Windows:flutter环境搭建
windows·flutter
911hzh2 天前
Flutter MethodChannel 跨端通信框架 zh_native_channel:快速入门、优势分析与 Pigeon 对比
flutter
911hzh2 天前
Flutter 快速搭建新项目:用 Flutter Foundation Kit 一条命令生成带基础架构的 App 模板
flutter