自定义顶部导航栏:
import 'package:flutter/material.dart';
import './tabs.dart';
class MePage extends StatelessWidget {
MePage({this.arguments});
final arguments;
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
// 左侧的图标 IconButton 是可以设置点击事件的按钮
leading: IconButton(
icon: Icon(Icons.menu),
onPressed: () {
print('menu');
},
),
title: Text('我的'),
// 这个是配置 右侧的图标
actions: [
IconButton(
icon: Icon(Icons.search),
onPressed: () {
print('search');
}),
IconButton(
icon: Icon(Icons.settings),
onPressed: () {
print('settings');
}),
],
),
body: Center(
child: Column(
children: [
Text("我的${arguments != null ? arguments['id'] : '默认参数'}"),
ElevatedButton(
onPressed: () {
Navigator.pushAndRemoveUntil(
context,
MaterialPageRoute(
builder: (context) =>
MyBottomNavigationBar(index: 1)),
(route) => route == null);
},
child: Text('回到根目录下'))
],
),
),
);
}
}