2

当我Getx用来更新我的小部件？我不知道Rx()如何联系我放入的东西。

代码是_obx=Rx()。但我发送的数据是"".obs。那不是Rx()，但这是RxString()。当我使用"".obs.value="newString". 为什么Rx()可以知道谁更新数据。

就像 ：

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

class GetIncrementPage extends StatefulWidget {
  GetIncrementPage({Key key}) : super(key: key);

  @override
  _GetIncrementPageState createState() => _GetIncrementPageState();
}

class _GetIncrementPageState extends State<GetIncrementPage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('get'),
      ),
      body: Container(
        alignment: Alignment.center,
        child: _body(),
      ),
    );
  }

  Widget _body() {
    return Column(
      mainAxisAlignment: MainAxisAlignment.center,
      crossAxisAlignment: CrossAxisAlignment.center,
      children: [
        OutlineButton(
          child: Text('get 数字加减'),
          onPressed: c.increment,
        ),
        OutlineButton(
          child: Text('get log 变化'),
          onPressed: c.change,
        ),

        Obx(() {
          printInfo(info: '刷新了页面 get_example');
          return Text(c.count.toString());
        }),

        ObxValue((v) {
          printInfo(info: '刷新了页面 get_ObxValue_log1 ');
          return Text('logValue:' + v.toString());
        }, ObjectKey('key').obs),

        Obx(() {
          printInfo(info: '刷新了页面 get_obx_log1');

          return Text('logObx:' + c.log.toString());
        }),
        Obx(() {
          printInfo(info: '刷新了页面 get_obx_log2');

          return Text(c.log2.toString());
        }),

        // ObxValue((var value) => Text('${value.toString()}'), c),
      ],
    );
  }

  @override
  void dispose() {
    Get.delete<Controller2>();
    super.dispose();
  }

  final Controller2 c = Get.put(Controller2());
}

///
/// Created by fgyong on 2020/10/22.
///

class Controller2 extends GetxController {
  var count = 0.obs;
  var count2 = 0.obs;

  final log = ''.obs;
  final log2 = ''.obs;

  increment() => count++;
  @override
  void onClose() {
    printInfo(info: 'Controller close');
    super.onClose();
  }

  void change() {
    log.value += ' ${log.value.length}';
  }
}

当我将 log.value 更改为新字符串时，为什么 log2 不新鲜。

class Obx extends StatefulWidget {
  final WidgetCallback builder;

  const Obx(this.builder);

  _ObxState createState() => _ObxState();
}

class _ObxState extends State<Obx> {
  RxInterface _observer;
  StreamSubscription subs;

  _ObxState() {
    _observer = Rx();
  }

  @override
  void initState() {
    subs = _observer.subject.stream.listen((data) => setState(() {}));
    super.initState();
  }

  @override
  void dispose() {
    subs.cancel();
    _observer.close();
    super.dispose();
  }

  Widget get notifyChilds {
    final observer = getObs;
    getObs = _observer;
    final result = widget.builder();
    if (!_observer.canUpdate) {
      throw """
      [Get] the improper use of a GetX has been detected. 
      You should only use GetX or Obx for the specific widget that will be updated.
      If you are seeing this error, you probably did not insert any observable variables into GetX/Obx 
      or insert them outside the scope that GetX considers suitable for an update 
      (example: GetX => HeavyWidget => variableObservable).
      If you need to update a parent widget and a child widget, wrap each one in an Obx/GetX.
      """;
    }
    getObs = observer;
    return result;
  }

  @override
  Widget build(BuildContext context) => notifyChilds;
}

为什么 rx() 可以与日志建立联系，请帮帮我。当我更新时，Rx() 怎么知道何时记录？</p>

只是帮助我。

4

3 回答 3

24

您可以使用Get 中的小部件Obx或GetX小部件来“监听”您在 GetxController 中声明的可观察变量的更改。

我认为您还将 Rx 混淆为 ObserVER 与 ObservABLE。Rx 是一个可观察的，即您使用 Obx 或 GetX 小部件观察它的变化，（我想您可以将这两个小部件称为“观察者”。）

基本示例

class Log2Page extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    Controller c = Get.put(Controller());
    // ↑ declare controller inside build method

    return Scaffold(
      body: SafeArea(
        child: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.spaceEvenly,
            children: [
              Obx(
                      () => Text('${c.log2.value}')
              ),
              RaisedButton(
                child: Text('Add +1'),
                onPressed: c.change,
              )
            ],
          ),
        ),
      ),
    );
  }
}

class Controller extends GetxController {
  RxInt log2 = 0.obs;

  void change() => log2.value++;
}
  1. 使用 GetX 时，您可能不需要 StatefulWidget。GetxController 存在于小部件的生命周期之外。状态存储在 GetX 控制器中（而不是在 StatefulWidget 中）。
  2. GetX 通过您声明为obs、 likecount.obs和的变量来处理流和订阅log2.obs。当你想“听”或“观察”时，使用Obx或GetX小部件。这些会自动监听obs其子节点的更改并在其更改时重建。

Obx 与 GetBuilder 与 GetX

class Log2Page extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    Controller c = Get.put(Controller());

    return Scaffold(
      body: SafeArea(
        child: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.spaceEvenly,
            children: [
              Obx(
                      () => Text('Obx: ${c.log2.value}')
              ),
              // ↓ requires manual controller.update() call
              GetBuilder<Controller>(
                builder: (_c) => Text('GetBuilder: ${_c.log2.value}'),
              ),
              // ↓ controller instantiated by Get widget
              GetX<Controller>(
                init: Controller(),
                builder: (_c) => Text('GetX: ${_c.log2.value}'),
              ),
              RaisedButton(
                child: Text('Add +1'),
                onPressed: c.change,
              ),
              RaisedButton(
                child: Text('Update GetBuilder'),
                onPressed: c.update, // rebuild GetBuilder widget
              ),
            ],
          ),
        ),
      ),
    );
  }
}

class Controller extends GetxController {
  RxInt log2 = 0.obs;

  void change() => log2.value++;
}

OBX

监听可观察的 ( obs) 变化。控制器需要已经在别处声明/初始化才能使用。

获取X

监听可观察的 ( obs) 变化。init:如果没有在其他地方完成，可以使用构造函数参数初始化控制器本身。可选参数。init:如果控制器已经实例化，则可以安全使用。将连接到现有实例。

获取生成器

不听obs变化。必须由您手动重建，调用controller.update(). 类似于setState()通话。init:如果没有在其他地方完成，可以使用参数初始化控制器本身。可选的。

于 2020-12-22T21:11:31.960 回答
0

查看链接https://github.com/jonataslaw/getx/issues/937，Obx()构建时，我们将其ObxA命名为“ABC”.obs abcobs，

在Obx


  Widget get notifyChilds {
    final observer = getObs;
    getObs = _observer;
    final result = widget.builder();
    if (!_observer.canUpdate) {
      throw """
      [Get] the improper use of a GetX has been detected. 
      You should only use GetX or Obx for the specific widget that will be updated.
      If you are seeing this error, you probably did not insert any observable variables into GetX/Obx 
      or insert them outside the scope that GetX considers suitable for an update 
      (example: GetX => HeavyWidget => variableObservable).
      If you need to update a parent widget and a child widget, wrap each one in an Obx/GetX.
      """;
    }
    getObs = observer;
    return result;
  }

构建时，RxString()将执行get value，并且addListen()：

代码是

  set value(T val) {
    if (_value == val && !firstRebuild) return;
    firstRebuild = false;
    _value = val;
    subject.add(_value);
  }

  /// Returns the current [value]
  T get value {
    if (getObs != null) {
      getObs.addListener(subject.stream);
    }
    return _value;
  }

void addListener(Stream<T> rxGetx) {
    if (_subscriptions.containsKey(rxGetx)) {
      return;
    }
    _subscriptions[rxGetx] = rxGetx.listen((data) {
      subject.add(data);
    });
  }

所以他们建立了联系

于 2020-12-23T02:58:15.240 回答
0

第一的：

when I "".obx.value="newString".why Rx() can know.

这是错误的，.obx 不存在，我猜你的意思是 .obs；

当你创建一个 OBS 变量final a = ''.obs时，这个 var 的类型将是一个 RxString()，所以你可以使用任何你想要的来观察这个 var。

我知道您可以使用两个小部件来观察屏幕：

GetX(), Obx()
于 2020-12-22T16:30:02.843 回答