[FLUTTER] TextField 클래스 : decoration 속성 사용하기

■ TextField 클래스의 decoration 속성을 사용하는 방법을 보여준다.

▶ main.dart


import 'package:flutter/material.dart';

void main() {
  runApp(TestApplication());
}

class TestApplication extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Test Application',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MainPage(),
    );
  }
}

class MainPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Test Application'),
      ),
      body: Align(
        alignment: Alignment.center,
        child: Padding(
          padding: EdgeInsets.all(10.0),
          child: TextField(
            decoration: InputDecoration(
              border: OutlineInputBorder(),
              labelText: '주소를 입력해 주시기 바랍니다.',
            ),
          ),
        ),
      ),
    );
  }
}

import 'package:flutter/material.dart';

void main() {

runApp(TestApplication());

}

class TestApplication extends StatelessWidget {

@override

Widget build(BuildContext context) {

return MaterialApp(

title: 'Test Application',

theme: ThemeData(

primarySwatch: Colors.blue,

home: MainPage(),

);

}

class MainPage extends StatelessWidget {

@override

Widget build(BuildContext context) {

return Scaffold(

appBar: AppBar(

title: Text('Test Application'),

body: Align(

alignment: Alignment.center,

child: Padding(

padding: EdgeInsets.all(10.0),

child: TextField(

decoration: InputDecoration(

border: OutlineInputBorder(),

labelText: '주소를 입력해 주시기 바랍니다.',

);

}

test_app.zip