[flutter] FlatButton을 사용하여 액션 바를 만드는 방법은?

26 Dec 2023

flutter

Flutter에서 액션 바를 만들려면 FlatButton을 사용하여 버튼을 만들고, AppBar 위젯을 이용하여 액션 바를 구성할 수 있습니다.

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('액션 바'),
          actions: <Widget>[
            FlatButton(
              onPressed: () {
                // 추가하려는 액션을 여기에 추가
              },
              child: Text(
                '액션 1',
                style: TextStyle(color: Colors.white),
              ),
            ),
          ],
        ),
        body: Center(
          child: Text('여기에 내용을 추가하세요'),
        ),
      ),
    );
  }
}

위의 예시 코드에서는 FlatButton을 사용하여 액션 바에 버튼을 추가하는 방법을 보여주고 있습니다. 액션을 클릭하면 원하는 동작을 수행할 수 있습니다.

더 많은 정보를 얻으려면 Flutter 공식 문서를 확인해보세요.