Flutter中每次导航至主页时调用fetchUser()的实现方案

以下是几种可行的实现方案，可直接基于你的现有代码修改：

方案1：利用Navigator返回回调触发刷新 #

针对从FormInput页面返回的场景，直接在返回后主动调用数据刷新方法，修改你的navigate方法：

void navigate() {
  Navigator.push(
    context,
    MaterialPageRoute(builder: (context) => const FormInput()),
  ).then((_) {
    // 从FormInput页面返回后，重新获取用户数据和支出数据
    fetchUser();
    _fetchData();
  });
}

方案2：监听页面全局可见状态 #

如果需要在每次HomePage进入可见状态时都刷新数据（比如从后台切回APP、从其他任意页面返回），可通过混入WidgetsBindingObserver实现：

1. 修改State类，混入生命周期监听：

class _HomePageState extends State<HomePage> with WidgetsBindingObserver {
  // ... 现有代码

2. 在initState中注册监听：

@override
void initState() {
  super.initState();
  fetchUser();
  _fetchData();
  // 注册生命周期监听
  WidgetsBinding.instance.addObserver(this);
}

3. 重写状态监听方法，触发刷新：

@override
void didChangeAppLifecycleState(AppLifecycleState state) {
  super.didChangeAppLifecycleState(state);
  // 当页面恢复可见时刷新数据
  if (state == AppLifecycleState.resumed) {
    fetchUser();
    _fetchData();
  }
}

4. 在页面销毁时移除监听，避免内存泄漏：

@override
void dispose() {
  WidgetsBinding.instance.removeObserver(this);
  super.dispose();
}

方案3：全局状态管理（长期推荐） #

如果APP页面较多、数据交互复杂，建议用状态管理工具（如Provider、Riverpod）全局管理用户数据，更新后自动同步到所有依赖页面：

1. 创建用户数据的状态管理类：

class UserProvider extends ChangeNotifier {
  User? _user;
  User? get user => _user;

  Future<void> fetchUser() async {
    Map<String, String> requestHeaders = {
      'Content-type': 'application/json',
      'Accept': 'application/json',
      'Authorization': 'Bearer $token'
    };

    final response = await http.get(
      Uri.parse('https://10.0.2.2:7014/api/user/me'),
      headers: requestHeaders,
    );

    if (response.statusCode == 200) {
      _user = User.fromJson(jsonDecode(response.body));
      income = _user?.profile?.income;
      notifyListeners(); // 通知所有依赖组件刷新UI
    } else {
      print(response.statusCode.toString());
      throw Exception('Failed to load user');
    }
  }
}

2. 在APP入口注册Provider：

void main() {
  runApp(
    ChangeNotifierProvider(
      create: (context) => UserProvider(),
      child: const MyApp(),
    ),
  );
}

3. 在HomePage中监听数据变化：

@override
Widget build(BuildContext context) {
  final userProvider = Provider.of<UserProvider>(context);
  return Scaffold(
    // 使用userProvider.user的数据渲染UI
    // ... 现有代码
  );
}

4. 在FormInput页面更新数据后，调用userProvider.fetchUser()，HomePage会自动刷新。

内容的提问来源于stack exchange，提问作者User G Amsterdam