你可以添加BarTintColor到React Native Router

Question

是否可以使用NavigatorIOS将BarTintColor添加到React Native Router？

场景具有navigationBarStyle属性，您可以使用alpa：navigationBarStyle={{backgroundColor:"#rgba(52,52,52,0.9)"}}设置颜色，但不能使用模糊效果设置颜色。

Answer 1

潜入github代码，不，没有选项可以在背景上设置模糊效果。

但是有一个解决方案可以设置你自己的导航栏：你可以在Scene的组件上提供一个组件或设置一个功能：

<Scene key="login" component={Login} title="Login" navBar={myNavBarComponent}/>
// or ...

// In Login Component
renderNavigationBar(navBarProps, selectedScene) {

    // return CustomNavBar Component
}

如果您想要实现iOS的模糊背景效果，请查看https://github.com/react-native-fellowship/react-native-blur#vibrancy-view 然后，您可以提供具有模糊背景效果的自定义导航栏。