[Flutter]GestureDetectorで右スワイプ(right swipe)で処理をするには？

どうも、ちょげ(@chogetarou)です。

GestureDetectorで右スワイプで処理をする方法を紹介します。

方法
使用例

方法

GestureDetectorで右スワイプで処理をするには、引数「onHorizontalDragEnd」を使います。

まず、GestureDetectorの引数「onHorizontalDragEnd」に関数を指定します。

次に、指定する関数の引数の「primaryVelocity」が０より大きいかどうかで条件分岐します。

そして、条件分岐内で右スワイプでしたい処理を指定します。

GestureDetector(
  onPanUpdate: (details) {
    if (details.primaryVelocity! > 0) {
      //右スワイプの処理
    }
  },
),

引数「onHorizontalDragEnd」を使えば、GestureDetectorで右スワイプの処理をすることが出来ます。

使用例

以下は、使用例です。

class Home extends StatefulWidget {
  @override
  _HomeState createState() => _HomeState();
}

class _HomeState extends State<Home> {
  var _count = 0;
  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      onHorizontalDragEnd: (details) {
        if (details.primaryVelocity! > 0) {
          setState(() {
            _count++;
          });
        }
      },
      child: Scaffold(
        body: Center(
          child: Text('$_count'),
        ),
      ),
    );
  }
}