你能给 React Native Router 添加 BarTintColor 吗

Question

是否可以像使用 NavigatorIOS 一样向 React Native Router 添加 BarTintColor？

场景有一个 navigationBarStyle 属性允许您使用 alpa: navigationBarStyle={{backgroundColor:"#rgba(52,52,52,0.9)"}} 设置颜色但不能使用模糊效果。

Answer 1

深入 github 代码，不，没有设置背景模糊效果的选项。

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

<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。
然后，您可以提供具有模糊背景效果的自定义导航栏。

Answer 2

没有选项可以用可能的效果模糊背景。

你能给 React Native Router 添加 BarTintColor 吗

Can you add a BarTintColor to React Native Router

javascript

router

react-native