Flutter授权存储权限后_pages.elementAt(_selectedIndex)无法正常显示

核心问题出在两个环节：

1. 权限授予后，权限状态的变更没有同步到Provider，导致UI未触发重建，主页面无法自动切换显示；
2. 每次启动APP都弹出权限页，说明初始化阶段的权限状态检查逻辑有误，没有正确识别已授予的权限。

1. 让Provider监听权限状态变化并通知UI刷新 #

在你的AppPermissionState中，添加权限状态的实时监听，当权限状态改变时调用notifyListeners()触发UI重建：

class AppPermissionState extends ChangeNotifier {
  PermissionStatus _storagePermission = PermissionStatus.denied;

  PermissionStatus get storagePermission => _storagePermission;

  // 初始化时检查权限+监听状态变化
  Future<void> initPermission() async {
    // 先获取当前权限状态
    _storagePermission = await Permission.storage.status;
    notifyListeners();
    // 监听权限状态的实时变更
    Permission.storage.status.listen((newStatus) {
      _storagePermission = newStatus;
      notifyListeners();
    });
  }

  // 请求权限方法
  Future<void> requestStoragePermission() async {
    final status = await Permission.storage.request();
    _storagePermission = status;
    notifyListeners();
  }
}

注意：要在APP启动时调用initPermission()，确保初始化阶段就正确获取权限状态。

2. 修正UI层的权限判断逻辑 #

在主页面的build方法中，通过Provider实时监听权限状态，根据状态切换页面：

@override
Widget build(BuildContext context) {
  final permissionState = Provider.of<AppPermissionState>(context);
  
  // 权限未授予时显示请求页
  if (permissionState.storagePermission.isDenied || permissionState.storagePermission.isPermanentlyDenied) {
    return RequestPermissionPage();
  }
  
  // 权限正常时显示主页面
  return Scaffold(
    bottomNavigationBar: BottomNavigationBar(
      currentIndex: _selectedIndex,
      onTap: _onItemTapped,
      items: const <BottomNavigationBarItem>[
        // 你的底部导航项
      ],
    ),
    body: _pages.elementAt(_selectedIndex),
  );
}

如果不想用Provider.of，也可以用Consumer组件包裹判断逻辑，效果一致。

3. 修正APP初始化逻辑 #

确保启动时就完成权限检查，避免默认状态导致的错误弹窗：

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  final permissionState = AppPermissionState();
  await permissionState.initPermission();
  
  runApp(
    ChangeNotifierProvider.value(
      value: permissionState,
      child: MyApp(),
    ),
  );
}

4. 适配Android 10+的存储权限特性 #

Android Q（10）及以上的存储权限有分区存储限制，需要在AndroidManifest.xml中做对应配置：

<!-- 基础存储权限声明 -->
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" android:maxSdkVersion="28" />

<!-- Android 10 兼容旧存储模式（可选，若不需要适配Scoped Storage） -->
<application
    ...
    android:requestLegacyExternalStorage="true">
    ...
</application>

如果是访问媒体文件，也可以使用更细粒度的权限（如Permission.photos、Permission.videos）替代Permission.storage。

5. 处理永久拒绝权限的场景 #

如果用户永久拒绝权限，需要引导到设置页开启：

// 在RequestPermissionPage的请求按钮点击事件中
onPressed: () async {
  final status = await Permission.storage.request();
  if (status.isPermanentlyDenied) {
    await openAppSettings(); // permission_handler提供的打开设置页方法
  }
},

通过监听权限状态变化并通知Provider刷新UI、修正初始化阶段的权限检查逻辑、适配Android版本的权限配置，就能解决授予权限后主页面不显示、每次启动都弹权限页的问题。

内容的提问来源于stack exchange，提问作者boredcodebyk