Flutter中关闭第二页面后刷新第一页面的问题

方案1：抽离数据获取逻辑，返回后重新拉取状态 #

把原本在initState中读取Firebase数据的逻辑抽成独立方法，在页面初始化和从子页面返回后都调用该方法更新状态：

class CompanyProfileView extends StatefulWidget {
  @override
  _CompanyProfileViewState createState() => _CompanyProfileViewState();
}

class _CompanyProfileViewState extends State<CompanyProfileView> {
  bool _hiddenMarker = false;

  @override
  void initState() {
    super.initState();
    _fetchMarkerStatus(); // 初始化时获取状态
  }

  // 独立的Firebase数据获取方法
  Future<void> _fetchMarkerStatus() async {
    // 从Firebase读取map_marker状态的逻辑
    final snapshot = await FirebaseFirestore.instance
        .collection('your_collection')
        .doc('your_doc_id')
        .get();
    setState(() {
      _hiddenMarker = snapshot.data()?['map_marker'] == 'active';
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: IconButton(
        icon: Icon(
          _hiddenMarker ? Icons.location_on : Icons.add_location,
          color: _hiddenMarker ? Colors.green : Colors.grey,
        ),
        onPressed: () {
          Navigator.pushNamed(context, '/company_add_marker').then((_) {
            _fetchMarkerStatus(); // 返回后重新获取最新状态
          });
        },
      ),
    );
  }
}

为什么之前的方案无效？
你之前仅调用setState(() {})，但没有重新从Firebase拉取最新的map_marker状态，_hiddenMarker仍为旧值，所以UI不会变化。必须重新获取数据再更新状态。

方案2：使用FutureBuilder简化状态管理 #

用FutureBuilder包裹UI部分，每次需要刷新时重新触发Future，避免手动维护状态：

class CompanyProfileView extends StatefulWidget {
  @override
  _CompanyProfileViewState createState() => _CompanyProfileViewState();
}

class _CompanyProfileViewState extends State<CompanyProfileView> {
  Future<bool> _getMarkerStatus() async {
    final snapshot = await FirebaseFirestore.instance
        .collection('your_collection')
        .doc('your_doc_id')
        .get();
    return snapshot.data()?['map_marker'] == 'active';
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: FutureBuilder<bool>(
        future: _getMarkerStatus(),
        builder: (context, snapshot) {
          if (snapshot.connectionState == ConnectionState.waiting) {
            return CircularProgressIndicator(); // 加载状态提示
          }
          final isMarkerActive = snapshot.data ?? false;
          return IconButton(
            icon: Icon(
              isMarkerActive ? Icons.location_on : Icons.add_location,
              color: isMarkerActive ? Colors.green : Colors.grey,
            ),
            onPressed: () {
              Navigator.pushNamed(context, '/company_add_marker').then((_) {
                setState(() {}); // 触发FutureBuilder重新执行future
              });
            },
          );
        },
      ),
    );
  }
}

方案3：使用StreamBuilder实现实时监听（推荐） #

如果需要实时响应Firebase数据变化（比如其他地方修改map_marker也能自动刷新），用StreamBuilder监听Firestore的文档流：

class CompanyProfileView extends StatefulWidget {
  @override
  _CompanyProfileViewState createState() => _CompanyProfileViewState();
}

class _CompanyProfileViewState extends State<CompanyProfileView> {
  Stream<DocumentSnapshot> _markerStatusStream() {
    return FirebaseFirestore.instance
        .collection('your_collection')
        .doc('your_doc_id')
        .snapshots();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: StreamBuilder<DocumentSnapshot>(
        stream: _markerStatusStream(),
        builder: (context, snapshot) {
          if (snapshot.connectionState == ConnectionState.waiting) {
            return CircularProgressIndicator();
          }
          final isMarkerActive = snapshot.data?.data()?['map_marker'] == 'active';
          return IconButton(
            icon: Icon(
              isMarkerActive ? Icons.location_on : Icons.add_location,
              color: isMarkerActive ? Colors.green : Colors.grey,
            ),
            onPressed: () {
              Navigator.pushNamed(context, '/company_add_marker');
            },
          );
        },
      ),
    );
  }
}

这个方案无需手动处理返回后的刷新，只要Firebase中map_marker状态改变，Stream就会自动触发UI更新，是最稳定的实现方式。

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