[ Flutter ] TextField 내 hinttext 가운데로 정렬하기
어제보다 나은 사람이 되기

걱정보단 실행을, 그러나 계획적으로

Box World 자세히보기

개발/Flutter

[ Flutter ] TextField 내 hinttext 가운데로 정렬하기

Box형 2021. 2. 28. 15:41
반응형

 TextField 내 'textAlign: TextAlign.center'를 삽입해주면 쉽게 해결된다.

Container(
                          width: screenWidth*(300/360),
                          child: TextField(
                            controller: textfieldController_OpenChatLink,
                            textInputAction: TextInputAction.done,
                            // textAlign: TextAlign.center,
                            decoration: InputDecoration(
                              hintText: 'https://open.kakao.com/12345679',
                              hintStyle: TextStyle(
                                fontSize: screenWidth*(16/360),
                                color: hexToColor('#D2D2D2'),
                                fontWeight: FontWeight.bold,
                              )
                            ),
                          ),
                        )


Container(
                          width: screenWidth*(300/360),
                          child: TextField(
                            controller: textfieldController_OpenChatLink,
                            textInputAction: TextInputAction.done,
                             textAlign: TextAlign.center,
                            decoration: InputDecoration(
                              hintText: 'https://open.kakao.com/12345679',
                              hintStyle: TextStyle(
                                fontSize: screenWidth*(16/360),
                                color: hexToColor('#D2D2D2'),
                                fontWeight: FontWeight.bold,
                              )
                            ),
                          ),
                        )

 

반응형