0

我有一个模态框，它有一些内容，底部有一个按钮容器，它有两个按钮。我希望按钮容器始终相对于屏幕/视口。现在棘手的部分是模态框是可拖动的。我可以上下移动它，但高度仍然是 100%。

现在，如果我给position:absolute;bottom:0按钮容器，它会粘在模态框的底部。但是当我向下推模态时，按钮容器也会被向下推。

无论 modal 的移动如何，我如何才能始终将其定位在屏幕底部？

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>
4

0 回答 0