为什么我的 "Data"."data" 没有使用 ChangeNotifierProvider 在 ChangeNotifier class 中更新？

Question

我是 Flutter 新手。我想问一下为什么我的text field的onChange没有触发："Provider.ofContext).updateData(newString);"。我的 Provider.of(context).data 的值没有更新，并且使用 2 个打印语句，总是只打印出 'called1'。

代码如下：导入 'package:flutter/material.dart'；导入 'package:provider/provider.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return ChangeNotifierProvider<Data>(
      create: (_) => Data(),
      lazy: false,
      child: MaterialApp(
        home: Scaffold(
          appBar: AppBar(
            title: Text(Provider.of<Data>(context).data),
          ),
          body: Level2(),
        ),
      ),
    );
  }
}


class Level2 extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Column(
      children: <Widget>[
        MyTextField(),
      ],
    );
  }
}

class MyTextField extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return TextField(onChanged: (newString) {
      print('called1');
      Provider.of<Data>(context).updateData(newString);
      print('called2');
    });
  }
}

class Data extends ChangeNotifier {
  String data = '1234567890';

  void updateData(newString) {
    data = newString;
    notifyListeners();
  }
}

Answer 1

您正在尝试访问您声明的同一个小部件中的提供者，这是不正确的做法，提供者必须在您正在访问的上面的小部件中声明。

此外，始终按变量使用提供程序数据（如在 MyTextField 小部件中使用的那样），否则它将不起作用。

以下代码可能会帮助您了解更多。

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: (_) => Data(),
      child: MaterialApp(home: Level1()),
    );
  }
}

class Level1 extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(Provider.of<Data>(context).data),
      ),
      body: Level2(),
    );
  }
}

class Level2 extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Column(
      children: <Widget>[
        MyTextField(),
      ],
    );
  }
}

class MyTextField extends StatelessWidget {
  var dataprovider;
  @override
  Widget build(BuildContext context) {
    dataprovider = Provider.of<Data>(context);
    return TextField(
      onChanged: (newString) {
        print(dataprovider.data);
        dataprovider.updateData(newString);
        print('called2');
      },
    );
  }
}

class Data extends ChangeNotifier {
  String data = '1234567890';

  void updateData(newString) {
    print("cds");
    data = newString;
    notifyListeners();
  }
}

为什么我的 "Data"."data" 没有使用 ChangeNotifierProvider 在 ChangeNotifier class 中更新？

Why is my "Data"."data" not updated in ChangeNotifier class using ChangeNotifierProvider?

flutter

flutter-provider

flutter-change-notifier