React Navigation transitionConfig Color

Я вижу, что в transitionConfig есть возможность вводить такие значения, как стиль анимации или продолжительность. Мне было интересно, есть ли способ изменить цвет фона во время перехода (полупрозрачный фон, который появляется во время перехода)? Например, у меня довольно темные экраны, и во время перехода фон как бы мигает белым. Это либо настраивается напрямую, либо это свойство родительского навигатора? Спасибо

Я вижу, что в процессе перехода область между сфокусированным экраном и краем экрана меняет цвет с белого с непрозрачностью 1 до прозрачного. Можно ли начать с другого цвета, например с черного?


react-navigation
person Sam Matthews    schedule 07.05.2017    source источник
comment
Удалось ли вам решить эту проблему? Я испытываю то же самое.   -  person Christopher Klewes    schedule 03.06.2017
comment
К сожалению, нет: / Я подумал, может быть, это цвет нижележащего экрана, но всегда кажется, что он всегда становится прозрачным от белого.   -  person Sam Matthews    schedule 03.06.2017
comment
Я использовал opacity: 1, чтобы исправить это за меня, хотя анимация уже не выглядит так хорошо.   -  person Christopher Klewes    schedule 07.06.2017

Ответы (3)


arrow_upward
3
arrow_downward

Попробуйте добавить:

  cardStyle: {
    backgroundColor: 'white'
  },

в вашем StackNavigatorConfig

person brunocascio    schedule 14.08.2017

arrow_upward
0
arrow_downward

Я решил эту проблему, добавив это в свой StackNavigator:

cardStyle: {
  backgroundColor: 'rgba(0,0,0,0)',
  opacity: 1,
},

Теперь переход полностью прозрачен. Я пробовал использовать только opacity: 1, как было предложено, но это не сработало. Я использую "react-navigation": "^1.5.11".

person NULL SWEΔT    schedule 07.05.2018

arrow_upward
0
arrow_downward

Если вы использовали компонент TabBarNavigator, вы можете взглянуть на это часть документации по устранению проблем с цветом во время переходов.

Если вы объедините свойства swipeEnabled, animationEnabled и lazy, вы получите лучший результат при переходах. В противном случае при переходах экранов будет использоваться серый / прозрачный цвет.

    const tabNavigatorConfig: TabNavigatorConfig = {
        ...
        swipeEnabled: true,
        animationEnabled: false,
        lazy: false,
        ...
    };
person Nacho Justicia Ramos    schedule 26.08.2018