Кнопка с абсолютной позицией внутри KeyboardAvoidingView, «перезаписывающая» другие элементы - PullRequest
Новая
       33

Кнопка с абсолютной позицией внутри KeyboardAvoidingView, «перезаписывающая» другие элементы

0 голосов
/ 23 сентября 2019

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

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>

enter image description here

Я пытался behavior="position", и это ломает все макет и behavior="height" также не работает.

1 Ответ

0 голосов
/ 23 сентября 2019

Кажется, это простая проблема CSS.Добавление меньшего количества пикселей к нижней части может помочь.Попробуйте bottom: 30px

...