Flutter使用GetX时如何跨页面访问main.dart变量及SecureStorage问题

一、全局可访问memberId实现方法 #

你当前在main.dart中定义局部变量的方式无法实现跨页面访问，且异步读取存储的逻辑放在runApp之后会出现取值时机滞后的问题，直接通过GetX全局单例控制器实现即可，步骤如下：

• 新建全局状态控制器
  统一管理全局用户状态、本地存储读写逻辑，整个应用生命周期内唯一实例：

// 可放在lib/global/global_user_state.dart路径下
class GlobalUserState extends GetxController {
  // 响应式变量，值变化时可自动触发UI更新
  RxString localMemberid = ''.obs;
  final SecureStorage _secureStorage = SecureStorage();

  // 应用启动时读取本地存储的用户ID
  Future<void> initMemberId() async {
    final storedId = await _secureStorage.readLocalSecureData('memberid');
    if (storedId != null) {
      localMemberid.value = storedId;
    }
  }

  // 登录成功后更新用户ID，同步写入本地存储
  Future<void> updateMemberId(String newId) async {
    await _secureStorage.writeLocalSecureData('memberid', newId);
    localMemberid.value = newId;
  }

  // 退出登录时清空用户ID，同步删除本地存储
  Future<void> clearMemberId() async {
    await _secureStorage.deleteLocalSecureData('memberid');
    localMemberid.value = '';
  }
}

• 修改main.dart启动逻辑
  在runApp之前完成框架初始化、全局状态注入、本地数据预读取，避免取值时机问题：

void main() async {
  // 保证Flutter框架插件初始化正常
  WidgetsFlutterBinding.ensureInitialized();
  // 初始化ScreenUtil屏幕适配
  await ScreenUtil.ensureScreenSize();

  // 注入全局状态控制器，应用全生命周期可访问
  Get.put(GlobalUserState());
  // 预读取本地存储的用户ID
  await Get.find<GlobalUserState>().initMemberId();

  runApp(
    ScreenUtilInit(
      builder: (BuildContext context, Widget? child) {
        return GetMaterialApp(
          title: "onyx",
          initialRoute: AppPages.INITIAL,
          getPages: AppPages.routes,
          theme: ThemeData(primarySwatch: MaterialColor(0xFF0456E5, color)),
        );
      },
    ),
  );
}

• 修改LoginController逻辑
  不需要在控制器内单独维护localMemberid变量，直接通过Get.find获取全局状态即可：

class LoginController extends GetxController {
  final AuthenticationRepo _authRepe = AuthenticationRepo();
  // 获取全局用户状态实例
  final GlobalUserState _globalUserState = Get.find<GlobalUserState>();

  @override
  void onInit() {
    super.onInit();
  }

  @override
  void onReady() {
    super.onReady();
  }

  @override
  void onClose() {}

  var userid;
  var password;

  onSinginButton() async {
    var res = await _authRepe.login(username: userid, password: password);
    if (res.status == ApiResponseStatus.completed) {
      print(res.data);
      // 更新全局用户ID，自动同步到本地存储
      await _globalUserState.updateMemberId(res.data!.memberid);
      // 登录成功后清空路由栈跳转首页，避免返回键回到登录页
      _globalUserState.localMemberid.value.isEmpty
          ? Get.toNamed(Routes.LOGIN)
          : Get.offAllNamed(Routes.HOME);
    } else {
      Get.defaultDialog(title: res.message.toString());
    }
  }
}

后续任意页面、任意控制器需要获取memberId时，只需要调用Get.find<GlobalUserState>().localMemberid.value即可取值；如果需要基于值做响应式UI更新，直接用Obx(() => Text(Get.find<GlobalUserState>().localMemberid.value))包裹组件，值变化时UI会自动刷新。

二、SecureStorage存储用户ID的合理性说明 #

使用SecureStorage存储用户ID属于Flutter开发的通用正确实践，注意几个细节即可：

• SecureStorage基于iOS Keychain、Android系统级Keystore实现加密存储，安全性远高于普通的shared_preferences，完全适合存储用户ID、登录Token这类身份标识类数据
• 不建议在SecureStorage中存储明文支付密码、核心私钥这类最高敏感级数据，普通用户身份标识存储没有问题
• 读写存储时建议补充异常捕获逻辑，避免极端情况下系统存储读写权限异常导致应用崩溃
• 用户退出登录时要主动调用清除方法删除存储中的用户ID，避免残留脏数据影响下次登录逻辑

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