创建一个示例来学习Flutter. 这是一个简单的程序,可以增加 a 的 onTap 计数器GestureDetetor,但是,回调方法不起作用。热重载时计数会增加,但点击时不会增加。下面是带注释的代码。
class BoxState extends State<ChangeBoxState>{
int _counter = 0;
//Callback method changes the state onTap of GestureDetector widget. It is not calling onTap.
increaseCount(){
setState(() {
++_counter;
print(_counter);
});
}
@override
Widget build(BuildContext context) {
// Passing the callback method,"increaseCount()" to stateless class where GestureDetector is defined.
return BoxWidget(onPressed: increaseCount(), counter: _counter,);
}
}
Run Code Online (Sandbox Code Playgroud)
无状态类:
class BoxWidget extends StatelessWidget{
BoxWidget({this.onPressed, this.counter});
final VoidCallback onPressed;
final int counter;
@override
Widget build(BuildContext context) {
// TODO: implement build
return Container(
decoration: BoxDecoration(color: Colors.blue[500]),
child: Column(
children: <Widget>[Center(child: Text('Hello, world!')),
GestureDetector(
onTap: onPressed, //Passing onPressed to onTap.
child: Container(
margin: const EdgeInsets.only(left:0.0, top:200.0, right:0.0, bottom:0.0),
height: 200.0,
width: 200.0,
decoration: BoxDecoration(
color: Colors.teal[200],
border: Border.all(color: Colors.yellow, width: 10.0, style: BorderStyle.solid),
borderRadius: BorderRadius.all(Radius.circular(20.0)),
),
child: Center(child: Text(counter.toString())),
),
),
],
),
);
}
}
Run Code Online (Sandbox Code Playgroud)
删除括号,increaseCount()因为使用括号您正在创建您的实例VoidCallback ,并且这只会运行一次,所以尝试这个
return BoxWidget(onPressed: increaseCount, counter: _counter,);
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
9750 次 |
| 最近记录: |