[Flutter] `TextField`, `TextFormField` 특정 포커스(Focus) 위치하기

플러터에서 `TextField`, `TextFormField`에서 맨 앞 혹은 맨뒤, 입력 텍스트에 특정 위치로 포커스가 커서가 이동되어야 한다면, 아래에 예제와 같이 텍스트필드에 컨트롤러를 지정하고 `selection`으로 `TextSelection 옵션`을 주면 됩니다.

 

예제

/// Controller
Rx<TextEditingController> textEditingController = TextEditingController().obs;

/// View
class MyApp extends GetView<MyAppController> {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: TextField(
          controller: controller.textEditingController.value,
          maxLines: 3,
          onTap: () {
            /// 맨 앞에서 3번째로 커서 이동
            controller.textEditingController.value..selection =
            TextSelection.collapsed(offset: 3);
          },
          decoration: InputDecoration.collapsed(
              hintText: "",
              border: InputBorder.none,
        ),
      ),
    );
  }
}