Flutter中Scaffold视图数据无法正常显示的问题求助

你的问题核心有两个：

• 变量作用域错误：在build方法内声明的stations是局部变量，每次Flutter重建UI时都会重新初始化，异步获取到的数据无法持久化到下一次build。
• 未触发UI更新：异步获取数据后，没有通知Flutter刷新界面，即使变量值改变，UI也不会同步更新。

修复步骤： #

1. 将stations变量从build方法内移到State类的成员位置，确保它在多次build之间保持状态。
2. 在异步获取数据后调用setState，通知Flutter重新构建UI以显示新数据。
3. 处理初始状态，避免stations?.playerName为null时显示异常。

修改后的完整代码示例： #

class YourPageState extends State<YourPage> {
  // 把stations移到State类成员变量
  Stations? stations;
  final usernameController =
      TextEditingController(text: 'brandon@hockeylabmn.com');
  final passwordController = TextEditingController(text: 'Fitness1!@');
  final HttpService api = HttpService();

  void getData() async {
    int playerId = 25801;
    // 获取数据后调用setState更新UI
    final fetchedStations = await api.getStationData(playerId);
    setState(() {
      stations = fetchedStations;
    });
  }

  void submitForm() async {
    await api.login(usernameController.text, passwordController.text);
    getData();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.grey[800],
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Container(
        alignment: Alignment.topLeft,
        padding: const EdgeInsets.only(left: 0),
        margin: const EdgeInsets.symmetric(horizontal: 20.0),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: <Widget>[
            const SizedBox(height: 10),
            Text(
              // 处理null情况，显示默认文本
              'Welcome: ${stations?.playerName ?? "Guest"}',
              style: const TextStyle(
                  fontSize: 20.0,
                  fontWeight: FontWeight.bold,
                  color: Colors.white),
            ),
            // 其余代码保留
          ],
        ),
      ),
    );
  }
}

额外说明： #

• 不要在build方法内声明控制器（如usernameController），否则每次build都会重新创建，导致性能问题和状态丢失，应该移到State类成员位置。
• 异步方法login最好加上await，确保登录完成后再获取数据，避免逻辑顺序错误。

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