setState取决于另一个类的值

Question

我认为我遇到了一个小问题。

我想显示一个小部件并将其隐藏，这取决于另一个类的值，这是一个小代码，将解释我的意思。

我使用Visibility隐藏和显示Hello world消息。

Visibility(
   visible: showAlert().getAlertVisible(),
   child: Text(
           "Hello World"
        ),
    )

[showAlert().getAlertVisible()我是从另一个班级得到的，它将是对还是错。

这是Class

class showAlert{

  bool alertVisible = false;

  void setAlertVisible(bool value){
    alertVisible = value;
  }

  bool getAlertVisible(){
    return alertVisible;
  }

  void show(Duration duration){

    setAlertVisible(false);
    setAlertVisible(true);

    Future.delayed(
        duration,
            (){
          setAlertVisible(false);
        }
    );
  }
}

[我的问题：当class showAlert中的值更改时，接口没有任何变化，因为我不使用setState()，如何在更改值或进行实时监听时使用setState()？

Answer 1

使用ValueNotifier和AnimatedBuilder：

class ShowAlert{
  ValueNotifier<bool> alertVisible = ValueNotifier(false);

  void show(Duration duration){
    alertVisible.value = true;
    Future.delayed(duration, ()=> alertVisible.value = false);
  }
}

void main() {
  final showAlert = ShowAlert();
  showAlert.show(Duration(seconds: 5));
  runApp(
    MaterialApp(
      home: Scaffold(
        body: AnimatedBuilder(
          animation: showAlert.alertVisible,
          builder: (context, _) {
            return Visibility(
              visible: showAlert.alertVisible.value,
              child: Text("Hello World"),
            );
          },
        ),
      ),
    ),
  );
}