it-swarm-ko.tech

flutter TextField의 높이와 너비를 업데이트하는 방법은 무엇입니까?

Flutter에서 TextField 레이아웃의 높이와 너비를 어떻게 사용자 정의합니까?

20

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

new Container(              
  width: 100.0,
  child: new TextField()
)

나는 TextField의 높이에 올 때 당신이 무엇을하는지 확실하지 않지만 TextStyle 및/또는 fontSize을 조작 할 수있는 height 위젯을 확실히 볼 수 있습니다.

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

heightTextStyle은 속성 자체에 대한 설명에 따라 글꼴 크기의 배수입니다.

이 텍스트의 높이는 글꼴 크기의 배수로 나타납니다.

루트 [TextSpan]에 적용된 경우이 값은 글꼴 높이의 배수로 후속 텍스트 기준선 사이의 최소 거리 인 줄 높이를 설정합니다.

마지막으로, decorationTextField 속성을 살펴보고 싶을 수도 있습니다.

EDIT : TextField의 안쪽 여백/여백을 변경하는 방법

InputDecorationdecorationTextField 속성을 사용하여 놀 수 있습니다. 예를 들어 다음과 같이 할 수 있습니다.

new TextField(                                
    decoration: const InputDecoration(
        contentPadding: const EdgeInsets.symmetric(vertical: 40.0),
    )
)
29
Mikolaj Kieres

컨테이너에서 여백 속성을 시도 할 수 있습니다. 텍스트 필드를 컨테이너 안에 넣고 여백 속성을 조정하십시오.

                      new Container(
                      margin: const EdgeInsets.only(right: 10, left: 10),
                      child: new TextField(

                        decoration: new InputDecoration(
                            hintText: 'username',
                            icon: new Icon(Icons.person)),
                      )),
1
shahana kareen