Вопрос:

Как мне всегда расположить кнопку внизу? Это будет выполнено от компонента, чей родитель является scrollview

reactjs react-native

5640 просмотра

1 ответ

828 Репутация автора

Как мне всегда расположить кнопку внизу? Это будет выполнено от компонента, чьим родителем является представление прокрутки. Когда я использую абсолютную позицию, позиционирование работает, но когда я прокручиваю вид, кнопка также прокручивается.

positionInBottom {
    position: 'relative',
    width: 50,
    height: 50,
    top: 160 - 26,
    left: Dimensions.get('window').width - 70,
    backgroundColor: 'red,
    zIndex: 100,
}

Вот моя структура компонентов: это код sudo.

<Page>
<ScrollView>
  <Items items={this.items}/>
</ScrollView>
</Page>

<Items>
{items.map((item) => {
   <Text>{item.name}</Text>
 })
}
<Button stype={styles.positionInBottom} name="stay in the bottom" label="stay in the bottom"/>
</Items>

Следующая документация отреагирует на родную. Что именно означает жирные линии? Я не понимаю это

position ReactPropTypes.oneOf (['absolute', 'родственник'])

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

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

Если вы хотите расположить дочерний элемент относительно чего-то, что не является его родителем, просто не используйте для этого стили. Используйте дерево компонентов.

См. Https://github.com/facebook/css-layout для более подробной информации о том, как положение отличается между React Native и CSS.

Автор: user43286 Источник Размещён: 22.08.2016 09:26

Ответы (1)


1 плюс

335 Репутация автора

positionInBottom {
    position: 'absolute',
    width: 50,
    height: 50,
    bottom: 0,
    left: Dimensions.get('window').width - 70,
    backgroundColor: 'red',
    zIndex: 100,
}
Автор: Lance Размещён: 26.08.2016 11:37
Вопросы из категории :
32x32