Flutter ElevatedButtonの長押しイベントを取得する

Flutter ElevatedButtonの長押しイベントを取得する

Flutterで、ElevatedButtonの長押しイベントを取得する手順を記述してます。

環境

  • OS  windows11 pro 64bit
  • Flutter 3.3.1

長押しイベントを取得

長押しイベントを取得するには、「onLongPress」を設定します。
※ここでは長押し時にbuttonのテキストを変更します。

 String msg = 'button';

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Flutter'),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: () {},
          child: Text(msg),
          onLongPress: () => {
            setState(() {
              msg = '長押し';
            })
          },
        ),
      ),
    );
  }

長押しするとbuttonのテキストが変更されていることが確認できます。