Javascript 按钮在键盘内的绝对位置避免“覆盖”其他元素

我有一个绝对位置的按钮，用于表单。当进入键盘内部时，它位于其他元素的顶部

const BtnContainer = styled.View`
  position: absolute;
  bottom: 38px;
  left: 16px;
  width: ${Dimensions.get('window').width - 32};
`

    <KeyboardAvoidingView
      behavior="padding"
      enabled
      style={{ flex: 1 }}
      keyboardVerticalOffset={60}
    >
        // form content
        <BtnContainer>
          <Button
            text={getButtonLabel()}
            disabled={!isButtonEnabled()}
            onPress={stepChangeCallBack}
          />
        </BtnContainer>
    </KeyboardAvoidingView>

---

我尝试了behavior=position，它破坏了所有布局，behavior=height也不起作用。

这似乎是一个简单的CSS问题。在底部添加更少的像素可能就可以了。试试底部：30px

你指的是覆盖在输入字段顶部的粉红色布局吗？是的，这就是按钮