我正在使用来自 flutter Provider 包的 notifyListner 但我的 UI 没有更新

Question

我正在使用 flutter Provider 包中的 notifyListner，但是每当我在 TextField 中输入字母时，我的 UI 都没有更新。我正在制作这个应用程序只是为了了解 Provider 的工作原理。每当我在 TextFiled 中键入文本时，我的应用栏和文本都应该更改。这是我的代码，

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

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
    return ChangeNotifierProvider<Data>(
      create: (context) => Data(),
      child: MaterialApp(
        home: Scaffold(
          appBar: AppBar(
            title: MyAppBar(),
          ),
          body: SafeArea(
            child: Column(
              children: [
                MyTextField(),
                Expanded(
                  child: MyTextWidget(),
                ),
              ],
            ),
          ),
        ),
      ),
    );
  }
}

class MyTextField extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      child: TextField(
        onChanged: (newValue) {
          Provider.of<Data>(context, listen: true).changeString(newValue);
        },
      ),
    );
  }
}

class MyTextWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      child: Text(Provider.of<Data>(context, listen: true).appName),
    );
  }
}

class MyAppBar extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Text(Provider.of<Data>(context, listen: true).appName);
  }
}

class Data extends ChangeNotifier {
  String appName = 'Understanding Provider';

  void changeString(String newString) {
    appName = newString;
    notifyListeners();
  }
}

请有人帮忙，谢谢！

Answer 1

当你在内部更新它时，你不应该听取你的提供商的意见 MyTextField:

class MyTextField extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      child: TextField(
        onChanged: (newValue) {
          Provider.of<Data>(context, listen: false).changeString(newValue);
        },
      ),
    );
  }
}

设置listen: false.

我正在使用来自 flutter Provider 包的 notifyListner 但我的 UI 没有更新

I am using notifyListner from flutter Provider package but my UI is not updating

state-management

flutter

flutter-provider