React Native: прозрачный навигатор стека в iOS не работает

Я использую Stack Navigator из React Navigation и хочу сделать его прозрачным с помощью следующего кода:

const MyStackNavigator = new StackNavigator({
  ScreenOne: { screen: ScreenOne },
},{
  cardStyle: {
    backgroundColor: "transparent",
  }
});

Результат в Android нормальный, а в iOS - черный Stack Navigator:

Приложение для Android

Приложение для iOS

Я подозреваю, что фон карты Stack Navigator также является прозрачным для iOS, но есть еще один черный View позади iOS Stack Navigator.

ios react-native stack-navigator react-navigation transparency

Paul 22.05.2018 источник

arrow_upward
4
arrow_downward

Для этого есть обходной путь. Воспользуйтесь этой ссылкой для демонстрации https://snack.expo.io/ryLBDw-1Q

Что изменилось, так это то, что я устанавливаю для этого конфигурацию в стеке.

transitionConfig: () => ({
  containerStyle: {
    backgroundColor: 'transparent',
  },
})

Эта проблема также упоминалась здесь -> https://github.com/react-navigation/react-navigation/issues/2713

Panagiotis Vrs 22.05.2018