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

问题描述

我有以下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();
        },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,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,child: Column(
                      children: [
                        Padding(
                          padding: EdgeInsets.only(top: 10),child: Row(
                            children: [
                              Icon(Icons.star,color: Theme.of(context).indicatorColor),SectionTitle(_reviewLabel),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);
    }
  }
}

解决方法

setState()仅刷新调用它的小部件及其下的所有小部件。

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