FlutterのTextFieldにクリアボタンをつける

Photo by Sam Pak / Unsplash

FlutterのTextFieldにはクリアボタンの直接的な設定項目は存在しません。そのためInputDecorationのsuffixIconで設定することになります。

TextField(
  controller: _controller,	// _controllerはTextEditingController
  decoration: InputDecoration(
    suffixIcon: IconButton(
      onPressed: _controller.clear,
      icon: const Icon(Icons.clear),
    ),
  ),
)
Ryoichi Izumita

Ryoichi Izumita