ScopedModelDescendant 字符串返回 null。不检索状态

Question

我正在重构应用程序以使用 scoped_model 但有问题。小部件之间的状态似乎不正确。

我首先在启动时将ScopedModel 添加到小部件树的顶部。：

 @override
  Widget build(BuildContext context) {

    UserModel().initialiseValues();

    return ScopedModel<UserModel>(
      model: UserModel(),

    child: MaterialApp(
        home: new Page(),
    ),
    );
  }

此调用.initialiseValues();，因此模型从SharedPreferences 读取并存储在变量中：

class UserModel extends Model {

  String _name;
  String get name => _name;

void initialiseValues() async {
    SharedPreferences sharedPrefs = await SharedPreferences.getInstance();

_name = sharedPrefs.getString('name');
print(‘_name from sharedPrefs is $_name');
print(‘name from sharedPrefs is $name');


notifyListeners();
}
}

两个打印语句都返回正确的名称。

但是当我尝试在另一个页面中使用ScopedModelDescendant 调用name 时返回null：

class PageFive extends StatelessWidget {
  @override
  Widget build(BuildContext context) {

  return ScopedModelDescendant<UserModel>(

    builder: (context, child, model) =>

Text('${model.name}'),

    );

  }
}

Text('${model.name}')，返回null

有人知道为什么name 返回null吗？ 我一直在努力寻找解决方案，但不知道为什么。

Answer 1

好像有两个问题：

1.- 当方法不是静态的时，您以静态方式调用 .initialiseValues()。然后在ScopedModel 中创建一个新的不同的UserModel。

2.- 您正在第一个 build() 方法中调用 async 函数，但您不确定它何时会完成，并且可能在构建树时 UserModel 未完全初始化。

您可能应该有一个布尔变量（或检查 .name 是否为空）并在初始化时将其设置为 true。

在 build 方法中，如果该变量为 false，您可以返回 CircularProgressIndicator，如果为 true，则返回您的小部件。

@override
Widget build(BuildContext context) {

  var userModel = UserModel()..initialiseValues();

  return ScopedModel<UserModel>(
    model: userModel,
    child: MaterialApp(
      home: new Page(),
    ),
  );
}

class PageFive extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
  return ScopedModelDescendant<UserModel>(
    builder: (context, child, model) {
       if (model.name == null)
          return CircularProgressIndicator();
       else
          return Text('${model.name}');
    });
  }
}