У меня есть модальное поле с некоторым содержимым, а внизу контейнер с кнопками, в котором есть две кнопки. Я хочу, чтобы контейнер кнопки всегда был относительно экрана / области просмотра. Теперь сложная часть модального окна является перетаскиваемой. Я могу перемещать его вверх и вниз, но высота остается 100%.
Теперь, если я передам position:absolute;bottom:0
контейнеру кнопок, он прилипнет к нижней части модалбокса. но когда я нажимаю sh на модал вниз, контейнер кнопки также опускается вниз.
Как мне добиться позиционирования этого всегда внизу экрана, независимо от движения модала?
const ButtonContainer = styled(View)`
align-items: center;
justify-content: flex-end;
flex-direction: row;
position: absolute;
bottom: 0;
right: 0;
left: 0;
`
const Container = styled(View)`
padding-left: 15;
padding-bottom: 60;
padding-right: 15;
padding-top: 15;
height: 100%;
`
<Container>
<ScrollView>
{content}
</ScrollView>
<ButtonContainer>{buttons}</ButtonContainer>
</Container>