小编das*_*eed的帖子

当属性更改时,如何对显示对象属性的文本小部件进行响应式更新?与 GetX 一起使用

我试图了解如何在 Flutter 应用程序中使用 GetX 包,以便在 TextFormField 中的值发生更改时在 Text 小部件中获取响应式更新。文本小部件中显示的内容是可观察对象的属性。正是该属性从 TextFormField 更新。该值在控制器中正确更新,但在小部件中未正确更新。如果我直接使用字符串变量,它会正确更新。但一旦我使用一个对象,它就不再更新。

这是我的应用程序的一个非常简单的示例,只是为了确保理解基础知识。

这是我的代码:

class User {
  String name = "";
}

class TestController extends GetxController {
  TestController();

  final user = User().obs;
}

class MyHomePage extends StatelessWidget {
  final c = Get.put(TestController());
  final String title;
  MyHomePage({this.title});
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(title),
      ),
      body: Center(
        child: Container(
          width: Get.width * 0.8,
          height: Get.height * 0.8,
          child: Column(
            children: [
              Obx(() => Text(c.user.value.name)),
              TextFormField(
                onChanged: (value) => …
Run Code Online (Sandbox Code Playgroud)

flutter flutter-getx

2
推荐指数
1
解决办法
5043
查看次数

标签 统计

flutter ×1

flutter-getx ×1