React Native + react-native-router-flux: почему во время перехода цвет фона белый?

У меня есть две сцены: «Вход» и «Домой», и цвет фона для обоих установлен на черный. Но во время перехода, при размонтировании и монтировании, кажется, что есть другой фон, белый.

Есть ли способ выяснить, что это за фон, и изменить цвет на черный?

Вот моя установка:

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>
        )
      }
    }

И изображение перехода с белым изображением, которое трудно увидеть, но если вы видите значок батареи вверху справа, есть белое пространство справа и сверху сцены входа в систему, идущей вниз (как от входа в дом, и вход был в процесс размонтирования был таким полупрозрачным черным):

введите здесь описание изображения


ios react-native reactjs javascript react-native-router-flux
person Community    schedule 21.09.2016    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Передайте функцию getSceneStyle, которая возвращает стиль или объект StyleSheet.

// ..
const getSceneStyle = (/* NavigationSceneRendererProps */ props, computedProps) => {
  const style = {
    backgroundColor: 'black',
  };
  return style;
};
// ..
<RouterWithRedux getSceneStyle={getSceneStyle}>
// ..

Не делайте нижеследующее, просто передайте свойство прямо в RouterWithRedux, connect передаст его в компонент Router:

const RouterWithRedux = connect()(<Router sceneStyle={{backgroundColor: 'black'}}/>)
person rclai    schedule 22.09.2016