소개

Flutter의 텍스트 입력 필드에 자주 있는 다음과 같은 클리어 버튼을 구현하는 방법을 소개합니다.

방법

InputDecoration과 TextEditingController를 사용한다.

final TextEditingController _categoryNameController =
      new TextEditingController(text: '');
...
TextFormField(
  controller: _categoryNameController,
  keyboardType: TextInputType.text,
  decoration: InputDecoration(
    hintText: 'カテゴリ名',
      suffixIcon: IconButton(
        onPressed: () =>
            _categoryNameController.clear(),
        icon: Icon(Icons.clear),
      ),
      icon: Icon(
        Icons.folder,
        color: Colors.grey,
      ),
    ),
  )

결론

여기 참고.

Reference

이 문제에 관하여(【Flutter】TextFormField에 클리어 버튼을 추가한다), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/kozakura16/items/2666aee9aeff5c2135a3

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다