【Flutter入門】TextFieldに最初からフォーカスをあてる方法

更新日：2022年3月10日

記事の内容

この記事では、FlutterでTextFieldに最初からフォーカスをあてる方法を紹介します。
具体的には、「 autofocus: true」を使います。

実装後の画面

下記の画面のように、この画面を呼び出した時点で、既に入力できる状態になってきます。
つまり、フォーカスがあたっています。

autofocusを使います。

autofocus: true

上記の場合は、中心にフォーカスを当てる処理も入れています。

textAlign: TextAlign.center,

▼ DartとFlutterをより詳しく勉強したい人には、この記事がオススメです

▼ SwiftでiOSアプリを開発したい人には、この記事がオススメです

▼ KotlinでAndroidアプリを開発したい人には、この記事がオススメです

▼ Gitをより詳しく勉強したい人には、この記事がオススメです

▼ ゼロからWebエンジニアになりたい人には、この記事がオススメです

▼ 独学で実務っぽい経験を積みたい人には、この記事がオススメです