Javascript 反应本机+;react native router flux:为什么过渡期间背景色为白色?
我有两个场景,登录和主页,背景颜色都设置为黑色。但在转换期间,当卸载和装载时,似乎有另一个白色背景 有没有办法弄清楚背景是什么,把颜色也改成黑色 以下是我的设置:Javascript 反应本机+;react native router flux:为什么过渡期间背景色为白色?,javascript,ios,reactjs,react-native,react-native-router-flux,Javascript,Ios,Reactjs,React Native,React Native Router Flux,我有两个场景,登录和主页,背景颜色都设置为黑色。但在转换期间,当卸载和装载时,似乎有另一个白色背景 有没有办法弄清楚背景是什么,把颜色也改成黑色 以下是我的设置: const RouterWithRedux = connect()(Router) const store = configureStore() export default class App extends Component { render() { return ( &
const RouterWithRedux = connect()(Router)
const store = configureStore()
export default class App extends Component {
render() {
return (
<Provider store={store}>
<RouterWithRedux>
<Scene key='root'>
<Scene component={Login} initial={true} key='login' sceneStyle={{backgroundColor: 'black'}} title='Login'/>
<Scene component={Home} direction='vertical' key='Home' sceneStyle={{backgroundColor: 'black'}} title='Home'/>
</Scene>
</RouterWithRedux>
</Provider>
)
}
}
const RouterWithRedux=connect()(路由器)
const store=configureStore()
导出默认类应用程序扩展组件{
render(){
返回(
)
}
}
白色显示的过渡图像,有点难以看到,但如果您看到右上角的电池图标,则右侧和登录场景顶部会出现空白(从登录到主页,登录正在卸载过程中,因此是半透明黑色):
将函数传递给
getSceneStyle
,该函数返回样式或样式表
对象
// ..
const getSceneStyle = (/* NavigationSceneRendererProps */ props, computedProps) => {
const style = {
backgroundColor: 'black',
};
return style;
};
// ..
<RouterWithRedux getSceneStyle={getSceneStyle}>
// ..
const RouterWithRedux = connect()(<Router sceneStyle={{backgroundColor: 'black'}}/>)