[flutter] 플러터 텍스트필드 크기, 길이(TextField Size)

플러터 텍스트필드 크기를 중 가로길이와 세로 길이를 지정하는 방법을 알아보겠습니다. 

 

 

◆ 텍스트필드 세로 크기 설정 방법

텍스트필드의 세로 크기를 설정하는 방법은 TextField위젯의 인자인 style속성에서 fontSize을 통해 변경이 가능합니다. 간단한 코딩 예제를 통해 확인해 보겠습니다.

TextField(
  style: TextStyle(fontSize: 20),
),

 

◆ 텍스트필드 가로 크기 설정 방법

텍스트필드의 가로 크기는 padding을 이용해 설정합니다. TextField를 감싸는 위젯의 padding값을 조절하면 TextField의 가로 크기를 조절할 수 있습니다. 예제를 통해 확인해 보겠습니다. 

Contain(
  child: Padding(
    padding: const EdgeInsets.fromLTRB(50, 30, 50, 0),
    child: Column(
      children: [
        TextField(
          style: TextStyle(fontSize: 20),
        ),
        TextField(
          style: TextStyle(fontSize: 20),
        ),
      ],
    ),
  ),
),