Как добавить фоновое изображение в навигатор в response-native-navigation

Question

Я хочу добавить фоновое изображение в навигатор в реагировать на встроенную навигацию по Wix. Это вообще возможно?

Здесь я хочу добавить изображение

Answer 1

Это может быть реализовано, только если вы скрываете панель навигации и пишете свою собственную панель. Вы также можете придать ему нижнюю тень, как указано в вашем дизайне.

static navigatorStyle = {
   navBarHidden: true
};

const NavBar = (
  <View>
  // your content
  </View>
);

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

render() {
   return (
      <View style={{flex: 1}}>
         <NavBar />
         <View style={{flex: 1}}>
         // render your page content here
         </View>
      </View>
   );
}

Answer 2

Нет, это невозможно, для этого вам нужно создать собственную панель навигации и скрыть ее:

  static navigatorStyle = {
    navBarHidden: true,
  };

И тогда вы можете попробовать написать свое собственное:

return (
  <View
    style={[
      styles.navBar, // here you can pass image
      style,
      typeof renderRightContent === 'function' && styles.withRightButton,
    ]}
  >
    {typeof renderTitle === 'function' && renderTitle()}
    {!hideBackButton &&
      <TouchableOpacity
        style={styles.backButton}
        onPress={onPress || (() => navigator.pop())}
      >
        {!hideBackArrow &&
          <Image source={require('../../assets/arrow_left_icon.png')} />}
        <Text style={styles.backTitle}>
          {leftTitle || I18n.t('common.backButton')}
        </Text>
      </TouchableOpacity>}
    {typeof renderRightContent === 'function' && renderRightContent()}
  </View>
);

Несколько дней назад я написал что-то вроде этого