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

Question

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

Answer 1

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

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

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

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

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

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

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

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

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