본문 바로가기
Flutter/Flutter FAQ

Flutter 텍스트 필드 테두리 색상을 변경할 수 없습니다., Not able to change TextField Border Color

by 베타코드 2023. 5. 28.
반응형

질문


저는 TextField의 테두리 색상을 BorderSide를 사용하여 변경하려고 시도했지만 작동하지 않습니다.

아래는 제 코드입니다.

new TextField(
  decoration: new InputDecoration(
    border: new OutlineInputBorder(
      borderSide: new BorderSide(color: Colors.teal)
    ),
    hintText: 'Tell us about yourself',
    helperText: 'Keep it short, this is just a demo.',
    labelText: 'Life story',
    prefixIcon: const Icon(Icons.person, color: Colors.green,),
    prefixText: ' ',
    suffixText: 'USD',
    suffixStyle: const TextStyle(color: Colors.green)),
  )
)

결과의 스크린샷이 아래에 표시됩니다.


답변


새로운 방법은 다음과 같이 enabledBorder를 사용하는 것입니다:

new TextField(
  decoration: new InputDecoration(
    enabledBorder: const OutlineInputBorder(
      borderSide: const BorderSide(color: Colors.grey, width: 0.0),
    ),
    focusedBorder: ...
    border: ...
  ),
)
반응형

댓글