react-native - 在 React Native 中滚动以在屏幕上显示视图

Question

我的表格很长，大约有 100-110 个问题。所有问题都存在于内部View，并且根据问题的类型具有不同的高度。我在问题之间也有一些图像，因此实际上不可能用数学方法计算所需的滚动。

在表单提交时，我显示了一堆验证消息，单击问题的消息应该带我进入问题。该页面如下所示：

<ScrollView>
  <KeyboardAvoidingView>
    <View style={styles.formSection}>
      <QuestionComponent1 />
    </View>
    <View style={styles.formSection}>
      <QuestionComponent2 />
    </View>
    <View style={styles.formSection}>
      <QuestionComponent3 />
    </View>
    <View style={styles.formSection}>
      <QuestionComponent1 />
    </View>
    <View style={styles.formSection}>
      <QuestionComponent4 />
    </View>
.
.
.
  </KeyboardAvoidingView>
</ScrollView>

我尝试onLayout并存储了高度，但这不起作用。您能否就如何View在屏幕上显示特定或任何元素提出正确的方法。

PS：更改为 Flatlist 不是一种选择。

标签： react-nativereact-native-scrollview