Удалить содержимое поверх навигационной панели Shoutem ui

Когда я использую панель навигации пользовательского интерфейса Shoutem, содержимое после нее находится поверх панели навигации. Как я могу сдвинуть его вниз?


react-native shoutem
person ykay says Reinstate Monica    schedule 15.02.2018    source источник

Ответы (2)


arrow_upward
0
arrow_downward

В настоящее время этот шаблон кажется лучшим вариантом

<Screen
                style={{ paddingTop: 70 }}
            >
                <NavigationBar
                    centerComponent={<Title>Title</Title>}
                />
                <Title>Content now below NavigationBar</Title>
            </Screen>
person ykay says Reinstate Monica    schedule 15.02.2018

arrow_upward
0
arrow_downward

Использование inline styleName решит эту проблему, как описано в документы.

Из документов:

  • встроенный: форсирует относительное позиционирование компонента NavigationBar, позволяя использовать компонент вместе с другими компонентами, т. е. ListView, без перекрытия его содержимого NavigationBar.

Пример:

<NavigationBar
  styleName="inline"
  title="My Title"
/>

<Button>
  <Text>My text.</Text>
</Button>
person Vladimir Vdović    schedule 20.02.2018
comment
Привет, встроенный не работает должным образом при повороте устройства, как описано в открытой проблеме github.com/shoutem /ui/issues/247, я добавил вопрос и ответ в stackoverflow, так как хотел помочь людям избежать разочарования - person ykay says Reinstate Monica; 20.02.2018