Flutter TabBarView 和 BottomNavigationBar 页面未使用 SetState 刷新

Question

我有以下 Flutter BottomNavigationBar，我有 3 个子页面小部件。一旦用户写了评论并按下提交按钮，我就会调用 void _clear() 来重置文本字段小部件中的值。此方法在内部并从 WriteReview 小部件调用但不起作用，屏幕未刷新。它本身的数据正在重置，但 UI 尚未刷新。我尝试使用和不使用 setState(){ _clear()};但没有结果。

我对 TabBarView 有类似的问题。我期望结果是刷新选定的小部件页面。

我认为在我缺少的 TabBarView 和 BottomNavigationBar 中处理小部件的方式有所不同。

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

class HomeView extends StatefulWidget {
  @override
  _HomeViewState createState() => _HomeViewState();
}

class _HomeViewState extends State<HomeView> {
  final String _writeReviewLabel = 'Write review';
  final String _searchLabel = 'Search';
  final String _accountLabel = 'Account';

  var _currentIndex = 0;

  final List<Widget> _bottomBarItems = [
    WriteReviewView(),
    SearchView(),
    UserAccountView()
  ];

  @override
  Widget build(BuildContext context) {
    final accentColor = Theme.of(context).accentColor;
    final primaryColor = Theme.of(context).primaryColor;
    return BaseView<HomePresenter>(
      createPresenter: () => HomePresenter(),
      onInitialize: (presenter) {
        _currentIndex = ModalRoute.of(context).settings.arguments;
      },
      builder: (context, child, presenter) => Scaffold(
          bottomNavigationBar: BottomNavigationBar(
            backgroundColor: primaryColor,
            selectedItemColor: accentColor,
            unselectedItemColor: Colors.white,
            elevation: 0,
            currentIndex: _currentIndex,
            onTap: (index) {
              onTabTapped(index, presenter);
            },
            items: [
              BottomNavigationBarItem(
                activeIcon: Icon(Icons.rate_review),
                icon: Icon(Icons.rate_review),
                title: Text(_writeReviewLabel),
              ),
              BottomNavigationBarItem(
                activeIcon: Icon(Icons.search),
                icon: Icon(Icons.search),
                title: Text(_searchLabel),
              ),
              BottomNavigationBarItem(
                  activeIcon: Icon(Icons.person),
                  icon: Icon(Icons.person),
                  title: Text(_accountLabel)),
            ],
          ),
          body: _bottomBarItems[_currentIndex]),
    );
  }

  void onTabTapped(int index, HomePresenter presenter) {
    if (index == _currentIndex) {
      return;
    }

    if (presenter.isAuthenticated) {
      setState(() {
        _currentIndex = index;
      });
    } else {
      presenter.pushNamed(context, Routes.login, arguments: () {
        if (presenter.isAuthenticated) {
          Future.delayed(const Duration(microseconds: 500), () {
            setState(() {
              _currentIndex = index;
            });
          });
        }
      });
    }
  }
}

撰写评论视图

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'base/BaseView.dart';

class WriteReviewView extends StatefulWidget {
  @override
  _WriteReviewViewState createState() => _WriteReviewViewState();
}

class _WriteReviewViewState extends State<WriteReviewView> {
  final String _locationLabel = 'Location';
  final String _reviewLabel = 'Review';

  @override
  Widget build(BuildContext context) {
    return BaseView<WriteReviewPresenter>(
        createPresenter: () => WriteReviewPresenter(),
        onInitialize: (presenter) {
          presenter.init();
        },
        builder: (context, child, presenter) => Container(
              color: Theme.of(context).backgroundColor,
              child: _body(presenter),
            ));
  }

  Widget _body(WriteReviewPresenter presenter) {
    final height = MediaQuery.of(context).size.height;
    return LayoutBuilder(builder: (context, constraint) {
      return SingleChildScrollView(
        child: ConstrainedBox(
          constraints: BoxConstraints(minHeight: constraint.maxHeight),
          child: IntrinsicHeight(
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.stretch,
              children: [
                Card(
                  margin: EdgeInsets.fromLTRB(4.0, 4.0, 4.0, 8.0),
                  child: Padding(
                    padding: const EdgeInsets.symmetric(horizontal: 8.0),
                    child: Column(
                      crossAxisAlignment: CrossAxisAlignment.stretch,
                      children: <Widget>[
                        Padding(
                          padding: EdgeInsets.only(top: 10, bottom: 20),
                          child: Row(
                            children: [
                              Icon(Icons.location_on,
                                  color: Theme.of(context).cursorColor),
                              SectionTitle(_locationLabel),
                            ],
                          ),
                        ),
                        ChooseAddressButton(presenter.addressContainer.address, () {
                          presenter.navigateNewAddress(context);
                        }),
                        SizedBoxes.medium,
                      ],
                    ),
                  ),
                ),
                Card(
                  margin: EdgeInsets.fromLTRB(4.0, 4.0, 4.0, 8.0),
                  child: Padding(
                    padding: const EdgeInsets.symmetric(horizontal: 8.0),
                    child: Column(
                      children: [
                        Padding(
                          padding: EdgeInsets.only(top: 10),
                          child: Row(
                            children: [
                              Icon(Icons.star, color: Theme.of(context).indicatorColor),
                              SectionTitle(_reviewLabel),
                            ],
                          ),
                        ),
                        SizedBoxes.medium,
                        CustomTextFormField(
                            data: presenter.reviewContainer.review,
                            showMinimum: true,
                            characterLimit: 50,
                            maxLines: 4,
                            height: 100),
                        ModifyRatingBar(50.0, presenter.reviewContainer.rating, false),
                        Padding(
                            padding: EdgeInsets.symmetric(vertical: 5),
                            child: Divider(indent: 40, endIndent: 40)),
                      ],
                    ),
                  ),
                ),
                Padding(
                  padding: EdgeInsets.symmetric(horizontal: 10),
                  child: Card(
                    color: Theme.of(context).accentColor,
                    child: FlatButton(
                      onPressed: () {
                        _submit(context, presenter);
                      },
                      child: Text('Submit',style:TextStyle(fontWeight: FontWeight.bold,fontSize: 18,color: Colors.white)),
                    ),
                  ),
                ),
              ],
            ),
          ),
        ),
      );
    });
  }

  void _submit(BuildContext context, WriteReviewPresenter presenter) async {
    LoadingPopup.show(context);

    final status = await presenter.submit(context);

    LoadingPopup.hide(context);

    if (status == ReviewStatus.successful) {
      PostCompletePopup.show(context);
      setState(() {
        presenter.clear();
      });
    } else {
      presenter.showError(context, status);
    }
  }
}

Answer 1

setState() 只刷新调用它的小部件，以及它下面的所有小部件。

当从WriteReview 小部件调用setState() 时，它不会更新HomeView 小部件。尝试使用某种回调将setState()call 移动到HomeView 小部件。