使用 Flutter,模拟 FlatButton 点击的正确方法是什么?
Using Flutter, what is the correct way to simulate clicks of a FlatButton?
请看这段代码片段:
final calculate = new FlatButton(
child: new Text(_calculate),
onPressed: _valid
? () {
setState(() {
model.inTemperature = stringToDouble(strTemperature);
model.calculateOutTemperature();
});
}
: null);
单击按钮时,将使用执行赋值和方法调用的 lambda 调用 setState()
。完美运行。我想要做的是,如果提交了一个文本字段,则执行相同的 setState()
。
实现此目的的最简单方法是在该按钮上添加类似 performClick()
的内容。例如,Android 知道这一点。但是,Flutter 没有这样的方法。所以,我所做的是:
onSubmitted: (newValue) {
setState(() {
strTemperature = newValue.trim();
calculate.onPressed();
});
},
这也很好用。我的问题是:我可以自己调用 onPressed()
回调吗?是否存在我的代码可能会中断的情况?
也许创建一个可以从按钮和文本字段调用的方法会更好(下面的示例)。我只是觉得你的实现看起来不太好。在我看来,文本字段不应调用按钮的 onPressed。不过,我没有任何会中断的情况。
也许是这样的?
import 'package:flutter/material.dart';
void main() {
runApp(new MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new MaterialApp(
title: 'Flutter Demo',
home: new MyHomePage(),
);
}
}
class MyHomePage extends StatefulWidget {
@override
_MyHomePageState createState() => new _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
static void _setTemperature() {
setState(() {
model.inTemperature = stringToDouble(strTemperature);
model.calculateOutTemperature();
});
}
final calculate = new FlatButton(
child: new Text(_calculate),
onPressed: _valid ? () => _setTemperature() : null,
);
final textField = new TextField(
controller: _controller,
onSubmitted: (newValue) {
setState(() {
strTemperature = newValue.trim();
_setTemperature();
});
},
);
@override
Widget build(BuildContext context) {
return new Scaffold(
appBar: new AppBar(
title: new Text('TestProject'),
),
body: new Column(
children: <Widget>[
calculate,
textField,
],
),
);
}
}
正如其他人所指出的,最好尽量避免“模拟手势”。在你的情况下,看起来你能够做到这一点。
但是,对于那些正在寻找真正模拟点击的解决方案的人来说,可能是为了测试或其他合法原因,您可以考虑使用 GestureBinding
来调度手势事件,或者调用 hitTest
在渲染框上获取可接受手势的列表,然后调用其中的一些。这两种方法都有效,您可以在 this question.
中找到更多详细信息和示例
请看这段代码片段:
final calculate = new FlatButton(
child: new Text(_calculate),
onPressed: _valid
? () {
setState(() {
model.inTemperature = stringToDouble(strTemperature);
model.calculateOutTemperature();
});
}
: null);
单击按钮时,将使用执行赋值和方法调用的 lambda 调用 setState()
。完美运行。我想要做的是,如果提交了一个文本字段,则执行相同的 setState()
。
实现此目的的最简单方法是在该按钮上添加类似 performClick()
的内容。例如,Android 知道这一点。但是,Flutter 没有这样的方法。所以,我所做的是:
onSubmitted: (newValue) {
setState(() {
strTemperature = newValue.trim();
calculate.onPressed();
});
},
这也很好用。我的问题是:我可以自己调用 onPressed()
回调吗?是否存在我的代码可能会中断的情况?
也许创建一个可以从按钮和文本字段调用的方法会更好(下面的示例)。我只是觉得你的实现看起来不太好。在我看来,文本字段不应调用按钮的 onPressed。不过,我没有任何会中断的情况。
也许是这样的?
import 'package:flutter/material.dart';
void main() {
runApp(new MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new MaterialApp(
title: 'Flutter Demo',
home: new MyHomePage(),
);
}
}
class MyHomePage extends StatefulWidget {
@override
_MyHomePageState createState() => new _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
static void _setTemperature() {
setState(() {
model.inTemperature = stringToDouble(strTemperature);
model.calculateOutTemperature();
});
}
final calculate = new FlatButton(
child: new Text(_calculate),
onPressed: _valid ? () => _setTemperature() : null,
);
final textField = new TextField(
controller: _controller,
onSubmitted: (newValue) {
setState(() {
strTemperature = newValue.trim();
_setTemperature();
});
},
);
@override
Widget build(BuildContext context) {
return new Scaffold(
appBar: new AppBar(
title: new Text('TestProject'),
),
body: new Column(
children: <Widget>[
calculate,
textField,
],
),
);
}
}
正如其他人所指出的,最好尽量避免“模拟手势”。在你的情况下,看起来你能够做到这一点。
但是,对于那些正在寻找真正模拟点击的解决方案的人来说,可能是为了测试或其他合法原因,您可以考虑使用 GestureBinding
来调度手势事件,或者调用 hitTest
在渲染框上获取可接受手势的列表,然后调用其中的一些。这两种方法都有效,您可以在 this question.