CupertinoNavigationBar

Cupertino风格的顶部导航栏,通常与CupertinoPageScaffold一起使用。

CupertinoPageScaffold(
  navigationBar: CupertinoNavigationBar(
    middle: Center(child: Text('详情', style: TextStyle(color: Colors.white),),), //导航栏中间控件
    leading: Icon(Icons.arrow_back_ios, size: 18,), //导航栏左边控件
    trailing: Text('退出'), //导航栏右边控件
    backgroundColor: Colors.blueAccent, //导航栏背景颜色
    actionsForegroundColor: Colors.white, //leading和trailing图标或文本颜色
  ),
  child: SafeArea(
    top: false,
    bottom: false,
    child: Container(
      child: Text('This is a cupertino style page', style: TextStyle(fontSize: 16, color: Colors.black),),
    ),
  ),
);

 

posted @ 2020-03-13 16:08  lai1322  阅读(731)  评论(0编辑  收藏  举报