我才刚刚开始了解Flutter,但是我在弄清楚如何设置按钮的启用状态时遇到了麻烦。
从文档中说,设置onPressed为null可禁用按钮,并为其提供值以启用它。如果按钮在生命周期中继续处于相同状态,那就很好。
onPressed
我得到的印象是,我需要创建一个自定义的有状态小部件,该小部件将允许我以某种方式更新按钮的启用状态(或onPressed回调)。
所以我的问题是我该怎么做?这似乎是一个非常简单的要求,但我在文档中找不到有关如何执行此操作的任何信息。
谢谢。
我认为您可能想向build按钮中引入一些帮助器功能以及有状态的小部件以及一些用于注销的属性。
build
isButtonDisabled
null
onPressed: () {}
setState(() => isButtonDisabled = true)
build()
这是使用Flutter计数器项目的更多背景信息。
class MyHomePage extends StatefulWidget { @override _MyHomePageState createState() => new _MyHomePageState(); } class _MyHomePageState extends State<MyHomePage> { int _counter = 0; bool _isButtonDisabled; @override void initState() { _isButtonDisabled = false; } void _incrementCounter() { setState(() { _isButtonDisabled = true; _counter++; }); } @override Widget build(BuildContext context) { return new Scaffold( appBar: new AppBar( title: new Text("The App"), ), body: new Center( child: new Column( mainAxisAlignment: MainAxisAlignment.center, children: <Widget>[ new Text( 'You have pushed the button this many times:', ), new Text( '$_counter', style: Theme.of(context).textTheme.display1, ), _buildCounterButton(), ], ), ), ); } Widget _buildCounterButton() { return new RaisedButton( child: new Text( _isButtonDisabled ? "Hold on..." : "Increment" ), onPressed: _isButtonDisabled ? null : _incrementCounter, ); } }
在此示例中,我使用内联三元有条件地设置Textand onPressed,但是将其提取到函数中可能更合适(您也可以使用相同的方法来更改按钮的文本):
Text
Widget _buildCounterButton() { return new RaisedButton( child: new Text( _isButtonDisabled ? "Hold on..." : "Increment" ), onPressed: _counterButtonPress(), ); } Function _counterButtonPress() { if (_isButtonDisabled) { return null; } else { return () { // do anything else you may want to here _incrementCounter(); }; } }