當我滑動時，我的應用程序正在調用所有 TabBarView 內容

Question

我的應用程序有問題，問題是我有一個帶有 3 個選項卡的應用程序：

@override
  Widget build(BuildContext context) {
    return WillPopScope(
      child: Scaffold(
        body: DefaultTabController(
          length: 3,
          child: _isLoading ? Center(
            child: CircularProgressIndicator()
          ) 
          : Scaffold(
            bottomNavigationBar: Material (
              child: TabBar(
                tabs: <Tab>[
                  Tab(icon: Icon(Icons.add_shopping_cart)),
                  Tab(icon: Icon(Icons.shopping_basket)),
                  Tab(icon: Icon(Icons.person)),
                ],
              ),
              color: Colors.green,
            ),
            body: TabBarView(
              children: [
                ProductListPage(),
                OrderPage(),
                InfoPage(),
              ],
            ),
          ),
        )
      ), 
      onWillPop: onBackPressed
    );
  }

在每個子頁面中，我實現了onInit從后端加載數據：

/* The exact same thing in ProductListPage, OrderPage and InfoPage */
@override
  void initState() {
    _isLoading = true;
    onInit().then((value) {
      print('initStateProductList');
    });
    super.initState();
  }

但問題是當我在TabBarView上滑動頁面時，我不明白為什么，但有時當我從第一個選項卡滑動到選項卡 3 時，應用程序正在從選項卡 2 調用InitState ：

當我從 Tab3 滑動到 Tab1 時，我發現了一個解決方法AutomaticKeepAliveClientMixin但我不喜歡它，因為我每次滑動時都想重新加載。

Answer 1

你正在父母身上實施這個

_isLoading ? Center(
            child: CircularProgressIndicator()
          ) 

把它留給你的孩子，這是標簽

 children: [
        ProductListPage(),
        OrderPage(),
        InfoPage(),
      ],