Как установить фоновое изображение с реагировать родной и реагировать навигации?

Question

Я использую реагировать нативно с реагировать на навигацию v3, и я пытаюсь установить фоновое изображение для всего моего приложения.Но по какой-то причине изображение не отображается.

Если я обертываю свой компонент Home, фоновое изображение отображается, как и ожидалось, но если я обертываю навигатор стека, фон будет белым.Я искал решения в Интернете, но, похоже, он не работает.

const AppNavigator = createAppContainer(
  createStackNavigator(
    {
      Home: {screen: Home},
      Vocabulary: {screen: Vocabulary},
      AddWord: {screen: AddWord},
    },
    {
      initialRouteName: 'Home',
      headerMode: 'none',
      cardStyle: {backgroundColor: 'transparent', shadowColor:'transparent'},
      transitionConfig: () => ({
        containerStyle: {
          backgroundColor: 'transparent',
        },
      }),
    },
 ),
);
const App = () => {
 return (
    <ImageBackground
      source={require('./src/drawable/background1.jpg')}
      style={{flex: 1}}
      resizeMode="cover">
      <Provider store={store()}>
        <AppNavigator />
      </Provider>
    </ImageBackground>
 );
};
export default App;

Сейчас я вижу компонент, но фон белый.

Answer 1

В функции createStackNavigator установите прозрачную карточку: true решит вашу проблему.

SubmitRouter = createStackNavigator ({SignUp: CreateUser, Login: LoginScreen, Dashboard: MainScreen}, {transparentCard: true});

Answer 2

Нашел решение, отчасти безумное, но оно работает только в том случае, если вы пишете transperent вместо прозрачного. Вопрос, который мне ответил Не могу поверить, что неправильное написание - это решение.