[Flutter] 텍스트 필드 꾸미기

Container(
  margin: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
  child: TextField(
    decoration: InputDecoration(
      border: OutlineInputBorder(
        borderRadius: BorderRadius.circular(10),
        borderSide: const BorderSide(
          color: Color(0xffd9d9d9),
        ),
      ),
    ),
  ),
),

 

EdgeInsets.symmetric  -  대칭적인 여백 주기 위한 도구

TextField  -  텍스트 입력할 수 있는 입력 필드. 사용자로부터 데이터 받는데 사용된다

decoration: InputDecoration  -  텍스트 필드 스타일 꾸며주는 속성. 기본적으로 입력란 테두리와 아이콘, 텍스트 등 정의 가능. 

OutlineInputBorder  -  텍스트 필드 테두리 설정 클래스