自定义顶部导航栏:

    1. import 'package:flutter/material.dart';
    2. import './tabs.dart';
    3. class MePage extends StatelessWidget {
    4. MePage({this.arguments});
    5. final arguments;
    6. @override
    7. Widget build(BuildContext context) {
    8. return Scaffold(
    9. appBar: AppBar(
    10. // 左侧的图标 IconButton 是可以设置点击事件的按钮
    11. leading: IconButton(
    12. icon: Icon(Icons.menu),
    13. onPressed: () {
    14. print('menu');
    15. },
    16. ),
    17. title: Text('我的'),
    18. // 这个是配置 右侧的图标
    19. actions: [
    20. IconButton(
    21. icon: Icon(Icons.search),
    22. onPressed: () {
    23. print('search');
    24. }),
    25. IconButton(
    26. icon: Icon(Icons.settings),
    27. onPressed: () {
    28. print('settings');
    29. }),
    30. ],
    31. ),
    32. body: Center(
    33. child: Column(
    34. children: [
    35. Text("我的${arguments != null ? arguments['id'] : '默认参数'}"),
    36. ElevatedButton(
    37. onPressed: () {
    38. Navigator.pushAndRemoveUntil(
    39. context,
    40. MaterialPageRoute(
    41. builder: (context) =>
    42. MyBottomNavigationBar(index: 1)),
    43. (route) => route == null);
    44. },
    45. child: Text('回到根目录下'))
    46. ],
    47. ),
    48. ),
    49. );
    50. }
    51. }