Flutter 플러터: 외곽선 입력 테두리, Flutter: Outline input border

질문

저는 텍스트 필드에 테두리를 만들려고 했습니다:

return TextField(
  ...
  border: OutlineInputBorder(
    borderSide: BorderSide(
      color: Colors.red,
      width: 5.0),
  )
)

하지만 항상 검은색 테두리가 1.0의 너비로 반환됩니다. 색상을 변경하는 유일한 방법은 힌트 색상을 지정하는 ThemeData를 생성하는 것이었지만, 너비를 변경하는 방법을 찾지 못했습니다.

답변

당신이 찾고 있는 것은 - InputDecoration의 enabledBorder 속성입니다.

포커스가 변경되면 테두리를 변경하려면 - focusedBorder를 사용하세요.

    TextField(
        decoration: new InputDecoration(
            focusedBorder: OutlineInputBorder(
                borderSide: BorderSide(color: Colors.greenAccent, width: 5.0),
            ),
            enabledBorder: OutlineInputBorder(
                borderSide: BorderSide(color: Colors.red, width: 5.0),
            ),
            hintText: '휴대폰 번호',
        ),
    ),