Как мне разместить контейнер с кнопками внизу перетаскиваемого модального поля в реагирующем родном? - PullRequest
0 голосов
/ 20 января 2020

У меня есть модальное поле с некоторым содержимым, а внизу контейнер с кнопками, в котором есть две кнопки. Я хочу, чтобы контейнер кнопки всегда был относительно экрана / области просмотра. Теперь сложная часть модального окна является перетаскиваемой. Я могу перемещать его вверх и вниз, но высота остается 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>

...