Плавающий заголовок в React Native Navigation v2 - PullRequest
Новая
       32

Плавающий заголовок в React Native Navigation v2

0 голосов
/ 06 сентября 2018

В оригинальной реагирующей нативной навигации я бы создал стековый навигатор с опцией навигации «header» и режимом заголовка «float».Тем не менее, в этой новой версии у меня есть следующее:

Несколько компонентов рендеринга как: 

      <BaseComponent>
        <Navigation.Element elementId='searchHeader'>
          <SearchHeader />
        </Navigation.Element>
        <View style={LocationsStyles.mainContainer}>
          <View style={LocationsStyles.contentContainer}>
            ...My Children Components Here
          </View>
        </View>
      </BaseComponent>

И мой макет основного стека как:

Navigation.events ().registerAppLaunchedListener (() => {

  Navigation.setRoot({
    root: {
      stack: {
        children: [
          {
            component: {
              name: "search.ServiceLines",
              options: {
                topBar: {
                  visible: false,
                  drawBehind: true
                }
              }
            }
          }
        ]
      }
    }
  })

Теперь это хорошо отрисовывается, с настраиваемым заголовком вверху, но при переходе он не с плавающей точкой. Заголовок смахивает с видом. Я не могукажется, можно найти где-нибудь, чтобы установить заголовок, режим заголовка, жесты или любые другие параметры навигации. Можете ли вы все еще создать StackNavigator, и как вы используете макет с этим?

...