[Flutter] FlatButton 클래스 사용하기

이 예제 Flutter 애플리케이션에서는 기본 FlatButton을 표시한 다음 텍스트 색상 및 버튼 색상과 같은 일부 스타일을 지정했습니다.

main.dart

import 'package:flutter/material.dart';   void main() {   runApp(MyApp()); }   class MyApp extends StatefulWidget {   @override   _MyAppState createState() => _MyAppState(); }   class _MyAppState extends State<MyApp> {   @override   Widget build(BuildContext context) {     return MaterialApp(       home: Scaffold(           appBar: AppBar(             title: Text('Flutter FlatButton'),           ),           body: Center(child: Column(children: <Widget>[             Container(               margin: EdgeInsets.all(20),               child: FlatButton(                 child: Text('Flat button with grey background'),                 color: Colors.grey.withOpacity(0.2),                 onPressed: () {},               ),             ),             Container(               margin: EdgeInsets.all(20),               child: FlatButton(                 child: Text('Flat button with blue background'),                 color: Colors.blueAccent,                 textColor: Colors.white,                 onPressed: () {},               ),             ),           ]))),     );   } }

이 애플리케이션을 실행하면 아래와 같은 UI가 표시되어야 합니다.