我如何更改ios上的trans-budd react-native主题

Question

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

Answer 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相同，因此请在进行更改之前备份您的代码。您可以进一步对其进行自定义以删除borderBottom行。