如何在Flutter中更改CupertinoNavigationBar中后退按钮的颜色

时间:2019-09-06 18:25:16

标签: flutter flutter-cupertino

我想在Flutter应用中更改后退按钮的颜色。

这是我目前所拥有的:Screenshoot

我想将颜色从浅蓝色更改为白色。我在网上搜索,但一无所获。这是我的代码(请注意我的按钮是自动创建的)

@override
  Widget build(BuildContext context) {
    return CupertinoPageScaffold(
      navigationBar: CupertinoNavigationBar(
        heroTag: 'menupage',
        transitionBetweenRoutes: false,
        middle: Text(
          'Menu Page',
          style: kSendButtonTextStyle,
        ),
      ),

非常感谢!

2 个答案:

答案 0 :(得分:1)

我决定设置CupertinoTextThemeData ...

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return CupertinoApp(
      theme: CupertinoThemeData(
        primaryColor:
            Colors.white, //change color of the BOTTOM navbar icons when selected
        textTheme: CupertinoTextThemeData(
          primaryColor:
              Colors.white, //change color of the TOP navbar icon

感谢卢卡斯为我指出正确的方向

答案 1 :(得分:0)

示例

enter image description here enter image description here

actionsForegroundColor: Colors.whiteCupertinoNavigationBar

做到

return  CupertinoPageScaffold(
      navigationBar: CupertinoNavigationBar(actionsForegroundColor: Colors.white,
        heroTag: 'menupage',
        transitionBetweenRoutes: false,
        middle: Text(
          'Menu Page',
          style: TextStyle(),
        ),
      ), child: Text(''),
    );