键盘弹出时反应本机滚动视图不滚动答案

【问题标题】：React native scrollview not scrolling when keyboard pops up键盘弹出时反应本机滚动视图不滚动
【发布时间】：2022-09-30 19:32:55
【问题描述】：

当键盘弹出时，我想滚动到其他输入。它在 iOS 上运行良好，但在 android 上运行良好 - 有什么想法吗？

 <View style={positions.fullHeight}>
    <ScrollView style={common.scrollView} >
        <SubHeader title={registrationLabels.pleaseTryAgainTitle} />
        <View style={common.textCenter}>
          ...
          </Text>
        </View>
        <FormWrapper>
          <Controller
              as={(
                <InputField
                keyboardType=\"numeric\"
                  {...AccessibilityHelper(\'Please try again membership number field\')}
                errorMessage={errors.membershipNumber && errors.membershipNumber.message}
                />
              )}
              ...
          />
          <Controller
            as={(
              <InputField
                   {...AccessibilityHelper(\'Please try again first name field\')}
                errorMessage={errors.firstName && errors.firstName.message}
              />
            )}
            ...
          />
          <Controller
            as={(
              <InputField
                errorMessage={errors.lastName && errors.lastName.message}
              />
            )}
            ...
          />
          <Controller
            as={(
              <InputField
                   {...AccessibilityHelper(\'Please try again postcode field\')}
                errorMessage={errors.postcode && errors.postcode.message}
              />
            )}
            ...
          />
        </FormWrapper>
    </ScrollView>
    <View style={positions.buttonContainer}>
      <Button
          title={registrationLabels.buttonConfirm}
          onPress={handleSubmit(onSubmit)}
          disabled={isDisabled}
          accessibilityHelperId=\"Continue Button\"
          skipDebounce={false}
      />
    </View>

  </View>

你能提供完整的代码导入和样式吗？

标签： react-native scrollview

【解决方案1】：

将顶部 View 更改为 KeyboardAvoidingView IE

<KeyboardAvoidingView style={positions.fullHeight} behavior={Platform.OS === "ios" ? "padding" : "height"}
    children
</KeyboardAvoidingView>

您可以从react-native 导入KeyboardAvoidingView

【讨论】：