1. ホーム
  2. ヒラメキ

[解決済み】オンスクリーンキーボードを解除するにはどうしたらいいですか?

2022-03-25 17:30:58

質問

ユーザーの入力を TextFormField を押し、ユーザーが FloatingActionButton 終了したことを示すために、スクリーンキーボードを解除したいのです。

キーボードを自動的に消すにはどうしたらいいですか?

import 'package:flutter/material.dart';

class MyHomePage extends StatefulWidget {
  MyHomePageState createState() => new MyHomePageState();
}

class MyHomePageState extends State<MyHomePage> {
  TextEditingController _controller = new TextEditingController();

  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(),
      floatingActionButton: new FloatingActionButton(
        child: new Icon(Icons.send),
        onPressed: () {
          setState(() {
            // send message
            // dismiss on screen keyboard here
            _controller.clear();
          });
        },
      ),
      body: new Container(
        alignment: FractionalOffset.center,
        padding: new EdgeInsets.all(20.0),
        child: new TextFormField(
          controller: _controller,
          decoration: new InputDecoration(labelText: 'Example Text'),
        ),
      ),
    );
  }
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      home: new MyHomePage(),
    );
  }
}

void main() {
  runApp(new MyApp());
}

解決方法は?

注意事項 この回答は古くなっています。 Flutterの新しいバージョンに関する回答を見る .

のフォーカスを奪うことで、キーボードを解除することができます。 TextFormField を使用し、それを未使用の FocusNode :

FocusScope.of(context).requestFocus(FocusNode());