[flutter] 플러터 Scaffold의 AppBar에 메뉴 아이콘을 추가하는 방법은 어떻게 되나요?

12 Dec 2023

flutter

먼저, AppBar에 메뉴 아이콘을 추가하려면 actions 속성을 사용하여 메뉴 아이콘을 정의해야 합니다.

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>[
            IconButton(
              icon: Icon(Icons.menu),
              onPressed: () {
                // 메뉴 아이콘을 눌렀을 때 수행할 작업을 여기에 작성합니다.
              },
            ),
          ],
        ),
        body: Center(
          child: Text('메뉴 아이콘이 추가된 AppBar'),
        ),
      ),
    );
  }
}

위 코드에서 actions 속성 안에 IconButton을 사용하여 메뉴 아이콘을 추가했습니다. 메뉴 아이콘을 눌렀을 때 수행할 작업은 onPressed 콜백 함수 내에 작성하면 됩니다.

이제 위의 코드를 이용하여 플러터 앱에서 AppBar에 메뉴 아이콘을 추가해 보세요!