StackNavigator: установить стиль тела

В настоящее время я работаю над проектом со StackNavigator React-Navigation: https://snack.expo.io/@pob/stacknavigator-problem. Я использую Navigator перед фоновым изображением и хочу, чтобы тело каждой из его страниц было прозрачным, чтобы вы могли видеть фоновое изображение через StackNavigator.

Я уже узнал, как установить стиль заголовка StackNavigator, но понятия не имею, как установить стиль его тела. Я хотел бы установить цвет этого тела на 'transparent'. Кто-нибудь может помочь?

Скриншот примера приложения

Скриншот результата, который я получаю с закуской Хазима Али в iOS: Скриншот примера приложения


react-native stack-navigator expo react-navigation native-base
person Paul    schedule 20.05.2018    source источник

Ответы (1)


arrow_upward
1
arrow_downward

стиль тела должен быть добавлен примерно так, если вы хотите, чтобы весь экран в StackNavigator имел прозрачный фон, а заголовок не был виден

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

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

person Hazim Ali    schedule 20.05.2018
comment
Спасибо за ваш ответ. Я попробовал, но опция backgroundColor не поддерживает значение прозрачности. У вас есть другая идея? - person Paul; 20.05.2018
comment
это странно, так как backgroundColor всегда поддерживает прозрачность, я уже пробовал ваш код, и он работает :-) проверьте эту закуску. expo.io/ryRw231J7 @Paul - person Hazim Ali; 21.05.2018
comment
Когда я открываю вашу закуску, я не вижу фоновое изображение через StackNavigator, я вижу только черный StackNavigator. Итак, проблема в том, что карточка StackNavigator прозрачная, но за ней находится еще один черный слой StackNavigator. Любая идея решить эту проблему? Или ваша закуска работает на вашем устройстве? - person Paul; 21.05.2018
comment
@Paul Что ты имеешь в виду под черным? когда я открываю, я вижу, что фоновое изображение и фон stackNavigator становятся прозрачными.. так что я вижу текст прямо поверх фонового изображения.. или вы ищете что-то еще? - person Hazim Ali; 21.05.2018
comment
Я разместил фотографию того, что я получаю с вашей закуской... (см. вопрос) - person Paul; 21.05.2018
comment
Я попробовал вашу закуску в другой раз, на этот раз на Android, и это сработало. Но в iOS я получаю то, что вы видите на второй картинке моего вопроса. Есть идеи, как решить проблему в iOS? - person Paul; 21.05.2018
comment
Хорошо, я открою новую тему для этого конкретного вопроса! Благодарю вас! - person Paul; 22.05.2018
comment
Это новая тема, которую я открыл: stackoverflow.com/questions/50462905/ - person Paul; 22.05.2018