✏️

Flutter TextFormFieldのカーソル位置の設定方法

2022/05/18に公開

TextFormFieldを使って入力した値をSharedPreferenceなどで保存して、また同じページに戻ってきた時に、文字入力カーソルが先頭に出ていると気持ち悪いので、以下のようにtextControllerの状態を設定する場所に以下のコードを追加するといい感じになります。

TextFieldFormでカーソル(|)の位置をテキストの最後に表示したいと思う人がいると思います。

textController.section = TextSelection.fromPosition(
              TextPosition(offset: textController.text.length));

これを追加すればOKです。

TextFieldでテキストを選択した状態で表示したい人がいると思います。

textController.selection = TextSelection(
            baseOffset: 0,//選択開始する位置
            extentOffset: textController.text.length,//選択終了する位置
	    //0からテキスト長の最後まで選択としているので、つまり全選択になる
          );

これを追加すればOKです。

Discussion