Flutter TextField값 저장 및 불러오기

Flutter에서 TextField값을 저장하고 활용하는 방법.

 

방법 1.

// TextEditingController 선언 (TextField 위젯과 동일한 클래스 내에 선언)
final _contentEditController = TextEditingController();

...(대충 코드들)

// TextField에 controller 등록
TextField(
  controller: _contentEditController,
  decoration: InputDecoration(
    labelText: 'content',
  ),
),

...(대충 코드들)

// 사용 예시 (.text로 값을 불러와서 사용하면 된다)
var text = _contentEditController.text

 

방법 2.

// 텍스트 저장 공간 생성 (TextField 위젯과 동일한 클래스 내에 선언)
var value = "";

...(대충 코드들)

// onChange 이벤트 등록, 값 저장
TextField(
  decoration: InputDecoration(
    labelText: 'content',
  ),
  onChange: (text){
    value = text
  }
),

...(대충 코드들)

// value에 text가 저장되므로 바로 사용하면 된다.