[Flutter] TextField

TextField

 글자를 입력받는 위젯이다. InputDecoration 클래스와 함께 사용하면 힌트 메세지나 외곽선 등의 꾸밈 효과를 낼 수 있다.

두번째 사진: 필드 클릭했을 때 / 세번째 자신: 외곽선 뺏을 때

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
          title: Text('TextField'),
        ),
        body: Container(
          padding: EdgeInsets.all(20.0), // 패딩안주니 보더가 안보여서 패딩줌
          child: TextField(
            decoration: InputDecoration(
              border: OutlineInputBorder(), // 외곽선
              labelText: '여기입력', //힌트
            ),
          ),
        ));
  }
}