如何解决Flutter GetX 多控制器在同一个小部件中不起作用
代码:
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return GetMaterialApp(
title: 'Flutter Demo',theme: ThemeData(
primarySwatch: Colors.blue,),home: MyHomePage(title: 'Flutter Demo Home Page'),);
}
}
class MyHomePage extends StatefulWidget {
MyHomePage({Key? key,required this.title}) : super(key: key);
final String title;
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
int _counter = 0;
void _incrementCounter() {
_counter++;
}
@override
Widget build(BuildContext context) {
TestInt testInt2 = TestInt(100);
TestInt testInt1 = TestInt(0);
Get.put<TestInt>(testInt2,tag: "testInt2");
Get.put<TestInt>(testInt1,tag: "testInt1");
return Scaffold(
appBar: AppBar(
// Here we take the value from the MyHomePage object that was created by
// the App.build method,and use it to set our appbar title.
title: Text(widget.title),body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,children: <Widget>[
Text(
'You have pushed the button this many times: $_counter',GetBuilder<TestInt>(
init: Get.find<TestInt>(tag: "testInt2"),builder: (_) {
return Text(
'${Get.find<TestInt>(tag: "testInt2").number}',style: Theme.of(context).textTheme.headline4,);
},GetBuilder<TestInt>(
init: Get.find<TestInt>(tag: "testInt1"),builder: (_) {
return Text(
'${Get.find<TestInt>(tag: "testInt1").number}',],persistentFooterButtons: [
FloatingActionButton(
onPressed: () {
_incrementCounter();
Get.find<TestInt>(tag: "testInt2").increment();
},tooltip: 'Increment',child: Icon(Icons.add),FloatingActionButton(
onPressed: () {
_incrementCounter();
Get.find<TestInt>(tag: "testInt1").increment();
},// This trailing comma makes auto-formatting nicer for build methods.
);
}
}
class TestInt extends GetxController {
late int number;
TestInt(number) {
this.number = number;
}
void increment() {
this.number = number + 1;
update();
}
}
总结:
在上面的代码中,我做了2个浮动按钮和2个GetBuilder来分别显示testInt1的编号和testInt2的编号。
但是只有一个按钮工作正常,另一个按钮不起作用。
我认为它可能只适用于 init: Get.find<TestInt>(tag: "testInt2"),
的第一次启动,而第二个 init: Get.find<TestInt>(tag: "testInt1"),
不起作用..
问题: 如何使两者都有效?
解决方法
将 global:false 设置为您的 GetBuilder。
GetBuilder<TestInt>(
init: Get.find<TestInt>(tag: "testInt2"),global: false,builder: (_) {
return Text(
'${Get.find<TestInt>(tag: "testInt2").number}',style: Theme.of(context).textTheme.headline4,);
},),
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。