Flutter怎么自定义导航条

在Flutter中，可以通过自定义AppBar来实现自定义导航条。

首先，创建一个新的StatefulWidget类来定义自定义导航条：

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);
}

然后，在你的页面中使用CustomAppBar来替代默认的AppBar：

Scaffold(
  appBar: CustomAppBar(title: 'Custom Navigation Bar', actions: [
    IconButton(
      icon: Icon(Icons.search),
      onPressed: () {
        // Handle search action
      },
    ),
    IconButton(
      icon: Icon(Icons.settings),
      onPressed: () {
        // Handle settings action
      },
    ),
  ]),
  body: Center(
    child: Text('Custom Navigation Bar Example'),
  ),
);

通过这种方式，你可以自定义导航条的标题和右侧操作按钮，并在页面中使用自定义的导航条。