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

【问题标题】：How do i change react-native theme to transaperent on ios如何在 ios 上将 react-native 主题更改为 transaperent
【发布时间】：2017-02-18 09:03:46
【问题描述】：

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

【问题讨论】：

您使用的是哪个导航器？
@Enie Jakiro react-native-router-flux
好的@badmus你的答案来了
好的，谢谢..

标签： ios react-native react-native-ios react-native-image

【解决方案1】：

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

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

您简单地说，我的内容应该呈现在预定义的导航栏下方。根据您的操作系统，可以是 54 或 64。所以当你使用路由器时，

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

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

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

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

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

我测试了这个解决方案，它可以在 iOS 上运行，在 Android 上不能说是这样，所以在进行更改之前请备份您的代码。您可以进一步自定义它以删除边框底线。

【讨论】：

@BadmusTaofeeq 谢谢 :) 如果有帮助，您可以接受。这会让其他人知道这个答案满足了您的需求，他们也可以应用它。