Flutter 텍스트 필드의 높이와 너비를 변경하는 방법은 무엇인가요?, How to change TextField's height and width?

질문

TextField의 width와 height를 어떻게 사용자 정의할 수 있나요?

답변

너비를 조정하려면 다음과 같이 TextField를 SizedBox 위젯으로 래핑 할 수 있습니다:

const SizedBox(
  width: 100.0,
  child: TextField(),
)

TextField의 높이에 대해 정확히 무엇을 원하는지 모르겠지만, TextStyle 위젯을 살펴볼 수 있습니다. 이 위젯을 사용하면 fontSize 및/또는 height를 조작할 수 있습니다.

const SizedBox(
  width: 100.0,
  child: TextField(
    style: TextStyle(fontSize: 40.0, height: 2.0, color: Colors.black),
  ),
)

TextStyle의 height는 속성 자체에 대한 주석에 따라 글꼴 크기의 배수입니다.

텍스트 스팬의 높이, 글꼴 크기의 배수입니다.

[height]가 null이거나 생략되면 라인 높이는 글꼴의 메트릭에서 직접 결정됩니다. 이는 fontSize와 다를 수 있습니다. [height]가 null이 아닌 경우 텍스트 스팬의 라인 높이는 [fontSize]의 배수가 되며 fontSize * height 논리적 픽셀 높이가 됩니다.

마지막으로, TextField의 decoration 속성을 살펴볼 수 있습니다. 이 속성은 여러 가지 가능성을 제공합니다.

편집: TextField의 내부 패딩/여백을 변경하는 방법

TextField의 InputDecoration 및 decoration 속성을 변경할 수 있습니다. 예를 들어 다음과 같이 할 수 있습니다:

const TextField(
  decoration: InputDecoration(
    contentPadding: EdgeInsets.symmetric(vertical: 40.0),
  ),
)