android - 如何避免使用 ReactNative 按下 android 上的按钮？

Question

我用 3 个输入字段和下面的按钮制作了屏幕。填写输入后，用户必须单击此按钮，但是...当用户单击其中一个输入时，键盘会出现并按下按钮并压缩输入，以便它们缩小到用户无法确定那里的字母。那么，我需要做些什么来避免这种行为呢？我如何做到这一点，按钮不会向上推，而只是留在键盘后面并且输入字段不会被压缩？以下是一些有用的代码片段：

<Container>
      <BottomLayout style={{ paddingHorizontal: 16, paddingTop: 35 }}>
        <FormContainer android={Platform.OS !== 'ios'}>
          <InputWrapper>
            <Controller
              render={({ onChange, onBlur, value }) => (
                <Input/>
              )}
              rules={{ required: true }}
            />
          </InputWrapper>
          <InputErrorField error={errors.lastName?.message} />
          <InputWrapper>
            <Controller
              render={({ onChange, onBlur, value }) => (
                <Input/>
              )}
              rules={{ required: true }}
            />
          </InputWrapper>

          <InputErrorField error={errors.date?.message} />
          <InputWrapper>
            <Controller
              render={({ onChange, onBlur, value }) => (
                <Input/>
              )}
              rules={{ required: true }}
            />
          </InputWrapper>
          <InputWrapper>
            <Controller
              render={({ onChange, onBlur, value }) => (
                <Input/>
              )}
              rules={{ required: true }}
            />
          </InputWrapper>
        </FormContainer>
        <ButtonWrapper>
          <Button title='Save' onPress={handleSubmit(onSubmit)} />
        </ButtonWrapper>
      </BottomLayout>
    </Container>

仅在 android 上的这种行为，在 ios 上一切正常。

标签： androidreact-nativescreen