私は を使用してユーザー入力を収集しており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());
}
ベストアンサー1
Flutterバージョン2以降の場合:
null 安全性があるため、Flutter 2
これが最善の方法です。
FocusManager.instance.primaryFocus?.unfocus();
注意: 古い方法を使用すると、再構築状態が維持されないなどの問題が発生します。
Flutterバージョン<2の場合:
Flutter v1.7.8+hotfix.2 の時点では、次のようになります。
FocusScope.of(context).unfocus();
コメントそれについてのPRについて:
#31909 (be75fb3) がリリースされたので、はであり、適切に破棄される必要があるため、
FocusScope.of(context).unfocus()
の代わりにを使用する必要があります。FocusScope.of(context).requestFocus(FocusNode())
FocusNode
ChangeNotifiers
->もう使用しないでください̶r̶e̶q̶u̶e̶s̶t̶F̶o̶c̶u̶s̶(̶F̶o̶c̶u̶s̶N̶o̶d̶e̶(̶)̶
。
F̶o̶c̶u̶s̶S̶c̶o̶p̶e̶.̶o̶f̶(̶c̶o̶n̶t̶e̶x̶t̶)̶.̶r̶e̶q̶u̶e̶s̶t̶F̶o̶c̶u̶s̶(̶F̶o̶c̶u̶s̶N̶o̶d̶e̶(̶)̶)̶;̶
詳細はこちらFocusScope
Flutterドキュメントのクラス。