입력 값에 대한 padding 및 TextFormField 설정

3346 단어 Fluttertech
플루터로 텍스톰필드를 만들 때 값을 입력하는 패딩에 대한 조정이 힘들어 메모로 남긴 것이다.

결론: InputDecoration의 isdense를 진실로 하고 콘텐츠 패딩을 설정합니다.


return Container(
  padding: const EdgeInsets.symmetric(
    vertical: 8.0,
    horizontal: 16.0,
  ),
  child: TextFormField(
    style: miniTextRegular,
    decoration: InputDecoration(
      border: const OutlineInputBorder(
        borderSide: BorderSide(
          color: Colors.black,
        ),
      ),
      hintText: hintText,
      contentPadding: const EdgeInsets.symmetric(
        vertical: 4,
        horizontal: 4,
      ),
      isDense: true,
    ),
  ),
);

실행 결과



해설


isdense를 진짜로 만들고 콘텐츠 패딩의 값을 그대로 패딩으로 전달합니다.

좋은 웹페이지 즐겨찾기