如何在 ios 上将 react-native 主题更改为 transaperent

Question

如何更改 ios 的主题或默认背景颜色..它与我的背景图片冲突。我想将其设置为透明。谢谢

Answer 1

首先让我们了解一下react-native-router-flux中的场景是如何工作的。当您在导航器中定义它们时，如下所示，

<Scene sceneStyle={{marginTop: 64}} title="Home" key="home" component={Home} />

您只是说，我的内容应该呈现在预定义的导航栏下方。根据您的 OS，可以是 54 或 64。所以当你使用 Router 时，

<Router navigationBarStyle={{backgroundColor: 'transparent'}}>

并通过引入该行将 navigationBarStyle 添加到您拥有的每个场景，您几乎忘记了上面所做的事情，将您的场景设置为在导航栏下方对齐一些边距。因此，您在模拟器中什么也看不到（白色 space）。

为了获得您需要的内容，请在您希望图像全屏显示并带有导航控件的位置执行此操作：

 Actions.refresh({
   key: 'home',
   navigationBarStyle: {backgroundColor: 'transparent'},
   sceneStyle: {marginTop: 0},
 });

或者您可以在您定义它的场景组件中引入此设置。

我测试了这个解决方案，它适用于 iOS，不能告诉 Android，所以 请回来在进行更改之前先更新您的代码。您可以进一步自定义它以删除 borderBottom 线。

How do i change react-native theme to transaperent on ios