如何在flutter中制作这样的自定义appbar？

import 'package:flutter/material.dart';

class CustomAppBar extends StatelessWidget implements PreferredSizeWidget {
  final String title;
  final List<Widget> actions;

  CustomAppBar({required this.title, this.actions = const []});

  @override
  Widget build(BuildContext context) {
    return AppBar(
      title: Text(title),
      actions: actions,
    );
  }

  @override
  Size get preferredSize => Size.fromHeight(kToolbarHeight);
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: CustomAppBar(
          title: 'Custom App Bar',
          actions: [
            IconButton(
              icon: Icon(Icons.search),
              onPressed: () {
                // 处理搜索按钮点击事件
              },
            ),
            IconButton(
              icon: Icon(Icons.notifications),
              onPressed: () {
                // 处理通知按钮点击事件
              },
            ),
          ],
        ),
        body: Center(
          child: Text('Hello, Flutter!'),
        ),
      ),
    );
  }
}