更改父级时如何防止 GoogleMap 小部件重建？

Question

这个概念很简单。 我创建了一个带有bottomNavigationbar的 Scaffold，可以在点击时替换Scaffold的body 。 OrderPage应该包含一个GoogleMap小部件。

class MainScreen extends StatefulWidget {
  final String routeName = '/home';
  final List<Widget> list = [
    OrderPage(),
    PaymentPage(),
    AccountPage(),
  ];
  @override
  MainScreenState createState() => MainScreenState();
}

class MainScreenState extends State<MainScreen> {
  int index = 0;
  MainScreenState();
  void navigationHandler(int value) {
    setState(() {
      index = value;
    });
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        bottomNavigationBar: BottomNavigationBar(
          items: [
            BottomNavigationBarItem(
                icon: Icon(Icons.airport_shuttle), title: Text("Book")),
            BottomNavigationBarItem(
                icon: Icon(Icons.attach_money), title: Text("Payment")),
            BottomNavigationBarItem(
                icon: Icon(Icons.account_box), title: Text("Account")),
          ],
          selectedItemColor: Colors.red,
          currentIndex: index,
          onTap: navigationHandler,
        ),
        body: widget.list[index],
      ),
    );
  }
}

OrderPage ：

class OrderPage extends StatefulWidget {
  OrderPage({Key key}) : super(key: key);
  @override
  OrderPageState createState() {
    // TODO: implement createState
    return OrderPageState();
  }
}

class OrderPageState extends State<OrderPage> {
  GoogleMapController mapController;
  final LatLng _center = const LatLng(45.521563, -2.677433);
  void _onMapCreated(GoogleMapController controller) {
    mapController = controller;
  }


  @override
  Widget build(BuildContext context) {

    return Scaffold(
      appBar: AppBar(
        title: Text("map sample app"),
        backgroundColor: Colors.green[700],
      ),
      body: GoogleMap(onMapCreated: _onMapCreated,
        initialCameraPosition: CameraPosition(target: _center, zoom: 11.0));,
    );
  }
}

此实现的当前问题是每次我更改选项卡并返回OrderPage ，它似乎都会自动重建，这需要一个请求。

我试着用PageStorage保存的状态OrderPage ，但它仍然是重建。 欢迎任何关于防止 OrderPage 重建的想法、概念或建议。

Answer 1

我设法通过对我的Scaffold的主体使用IndexedStack来防止地图重新加载。 这样，所有页面都可以存储，并且在我切换选项卡时不会重建。