向Flutter中的容器添加5次点击事件

Question

我想向容器添加5次点击事件。我正在使用GestureDetector获取点击事件。但是我不知道如何在其中实现5次抽头事件。当用户在容器上点击5次时，我想要在我的应用程序中执行一些操作。

Answer 1

您可以轻松地使用一种状态来实现此目的，在下面的示例中，如果Opacity，我使用_counter >= 5小部件显示图标，这可能不是您想要的，但基于问题的上下文这就是我能给的。

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  int _counter = 0;

  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      onTap: () => setState(() => _counter++),
      child: Container(
          child: Column(
        children: <Widget>[
          Text('Tap me'),
          Opacity(
            opacity: _counter == 5 ? 1 : 0,
            child: Icon(
              Icons.whatshot
            ),
          )
        ],
      )),
    );
  }
}