Question

我正在寻找的是当用户登录应用程序时 BottomNavigationBarItem 的变化。我为此创建了一个提供程序服务。

class UserData with ChangeNotifier, DiagnosticableTreeMixin {
  bool _isLoggedin = false;
  bool get isLoggedin => _isLoggedin;
  UserData() {
    print('UserData Provider is summoned!');
    loginState();
  }
    void loginStateSetter(bool val) {
    this._isLoggedin = val;
    print("Login State changed to ${this._isLoggedin}");
    notifyListeners();
  }
  void loginState() async {
    this._isLoggedin = await wooCommerceCredentials.isCustomerLoggedIn();
    print('loginState() func called. login state is ${this._isLoggedin}');
    notifyListeners();
  }
}

基于我在调试控制台上看到的，日志记录过程没有出现问题和错误。每次成功登录后，我都会使用 _isLoggedin 函数设置 loginStateSetter 值。（这也成功地发生了。）但我面临的问题是小部件不会自行重建。我不明白为什么。 provider 内部的值更改成功，不应该重建小部件吗？ bottomNavigationBar 小部件中的代码：

Provider.of<UserData>(context).isLoggedin
              ? BottomNavigationBarItem(
                  activeIcon: Icon(Icons.account_circle),
                  icon: Icon(Icons.account_circle_outlined),
                  label: 'Profile',
                )
              : BottomNavigationBarItem(
                  activeIcon: Icon(Icons.account_circle),
                  icon: Icon(Icons.account_circle_outlined),
                  label: 'Login/Sign up',
                ),

注意：登录发生在另一个页面中，其中提供者在抽屉中像这样被召唤：

ListTile(
            leading: Icon(Icons.account_circle_outlined),
            title: Text('Login / Sign Up',
                style: TextStyle(fontWeight: FontWeight.normal)),
            onTap: () {
              Navigator.push(
                context,
                MaterialPageRoute(
                    builder: (context) => ChangeNotifierProvider(
                        child: LoginPage(), create: (_) => UserData())),
              );
            },
          ),

我应该改变什么？我试过使用 StreamBuilder 等（外部按钮菜单），但小部件在我热重启之前不会重建。我做错了什么？

Answer 1

该问题是由两次调用提供程序引起的。从小部件树中删除第二个提供程序后，它开始按预期重建小部件。

当提供者的状态发生变化时，小部件不会重建

1 个答案: