我如何将反应本机主题更改为ios上的transaperent

Question

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

Answer 1

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

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

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

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

并通过引入该行将navigationBarStyle添加到您拥有的每个场景中，您几乎忘记了上面已经完成的操作，将场景设置为在navigationBar下方的某个边距处对齐。因此，您在模拟器中看不到任何内容（空白区域）。

为了满足您的需求，请使用导航控件在全屏显示的位置执行此操作：

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

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

我测试了这个解决方案，它适用于iOS，不能告诉Android ，所以请备份您的代码，然后再进行更改。您可以进一步自定义它以删除borderBottom行。