Javascript React Native：如何在React Native router flux中设置整个应用程序和单个场景的背景色？

在使用React Native router flux的React Native中，如何设置整个应用程序以及单个场景的背景色

以下是我当前的设置：

const RouterWithRedux = connect()(Router)
const store = configureStore()

export default class App extends Component {
  render() {
    return (
      <Provider store={store}>
        <RouterWithRedux>
          <Scene key='root'>
            <Scene initial={true} key='login' component={Login} title='Login Page'/>
            <Scene key='register' component={Register} title='Register'/>
          </Scene>
        </RouterWithRedux>
      </Provider>
    )
  }
}

---

const RouterWithRedux=connect（）（路由器）
const store=configureStore（）
导出默认类应用程序扩展组件{
render（）{
返回(
)
}
}

谢谢您

在中，您可以在

路由器

和

场景

上使用

场景样式

或

getSceneStyle

（不过对于

路由器

，只能使用

getSceneStyle

）

编辑

在

路由器中

只能使用

getSceneStyle

，并且必须传递一个函数：

---

这将覆盖蓝色背景。

很抱歉，您能告诉我如何将其应用于我的代码吗？我试过了，但没有成功。

const RouterWithRedux=connect（）

您好，您有机会看到我之前的评论吗？路由器没有成功，所以每个场景都成功了。但是想知道是否不允许您在

上设置

场景样式

？因为它不起作用。似乎每个场景都是过度劳累。而且，即使我将backgroundColor设置为黑色，在过渡期间，似乎还有另一个背景是白色的。你怎么能改变颜色呢？谢谢你的rclai，我会在回答后回答你。你可以看看我更新的答案。我运行了

react native router flux

拥有的示例项目，并能够验证它是否有效。另外，我不知道你是否注意到了，但在你之前的评论中，你说你是如何尝试在

RouterWithRedux

上设置样式的，但是你有一个打字错误，当你指的是

场景样式时，你写了
样式样式样式
，尽管如此，即使你纠正了你的打字错误，您仍然必须使用
getSceneStyle
并传递一个函数。@rclai您能帮我吗？
// ..
const getSceneStyle = (/* NavigationSceneRendererProps */ props, computedProps) => {
  const style = {
    backgroundColor: 'blue',
  };
  return style;
};
// ..
<Router getSceneStyle={getSceneStyle} {...otherProps}>
// ..

<Scene
  key="my-scene"
  component={MyScene}
  sceneStyle={{
    backgroundColor: 'red',
  }}
  title="My Scene"  />