2

给定以下 Dart/Flutter 类结构：

import 'package:flutter/material.dart';

class A with ChangeNotifier {
  B _element1;
  B _element2;

  B get element1 => _element1;
  B get element2 => _element2;

  set element1(B value) {
    _element1 = value;
    notifyListeners();
  }

  set element2(B value) {
    _element2 = value;
    notifyListeners();
  }
}

class B {
  String x;
  String y;
}

我正在尝试听的变化，A.element1.x但问题是，B 类的设置者不能调用notifyListeners()A 类的，所以要么我在听 A 并且不会注意到变化，要么我正在听 B 并且我正在失去 A 的上下文。

我在我的 Flutter 项目中使用 Provider 包。但我不确定，如果我误解了 Provider 包或 ChangeListeners 的概念。无论哪种方式，我都无法找到一个优雅的解决方案。

是否有可能从 A 类覆盖 B 类的设置器？我显然可以为每个 element1 和 element2 字段（x，y）实现一个函数。但我猜这不是好的代码风格。

4

1 回答 1

2

这是一个关于如何使用回调函数的示例。如果没有回调，A 将不会调用notifyListeners并且您的Home小部件不会重建。这是关于什么是 a 的简短视频VoidCallback：https ://www.youtube.com/watch?v=fWlPwj1Pp7U

主要功能及简单Home视图：

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

import 'a.dart';

void main() {
  runApp(
    ChangeNotifierProvider<A>(
      create: (context) => A(),
      child: MaterialApp(
        home: Home(),
      ),
    )
  );
}

class Home extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Consumer<A>(
      builder: (context, model, child) {
        return Scaffold(
          body: Container(
            child: Center(
              child: Column(
                mainAxisAlignment: MainAxisAlignment.center,
                children: <Widget>[
                  Text('${model.element1.x}'),
                  RaisedButton(
                    child: Text("Set x of element1."),
                    onPressed: () {
                      Provider.of<A>(context, listen: false).element1.setX = 'Set to new value';
                    },
                  ),
                ],
              ),
            ),
          )
        );
      },
    );
  }
}

然后A类：

import 'package:flutter/material.dart';
import 'package:tryout/b.dart';

class A extends ChangeNotifier {
  B _element1 = B();
  B _element2 = B();
  
  B get element1 => _element1;
  B get element2 => _element2;

  A() {
    _element1.callback = () => notifyListeners();
    _element2.callback = () => notifyListeners();
  }

  set element1(B value) {
    _element1 = value;
    _element1.callback = () => notifyListeners();
    notifyListeners();
  }

  set element2(B value) {
    _element2 = value;
    _element2.callback = () => notifyListeners();
    notifyListeners();
  }
}

B类：

import 'package:flutter/cupertino.dart';

class B {
  String x = "";
  String y = "";
  VoidCallback? callback;

  B({
    this.callback
  });

  set setX(String newValueX) {
    x = newValueX;
    if(callback != null) callback!();
  }

  void setY(String newValueY) {
    y = newValueY;
    if(callback != null) callback!();
  }
}
于 2020-04-30T08:28:28.397 回答