如何在React Native中创建可滚动框

Question

我想创建一个可以滚动数据的条款和条件盒。我尝试使用TextInput，如下所示，但不会滚动。

 <TextInput 
        multiline={true}
        value={data}
        editable={false}
        scrollEnabled={true}
        style={styles.termsAndConditionsStyle}
  />

第二个替代方案

我也尝试过它，它有效，但它给了我一个黄屏幕警告，它说 - 您将方法组件绑定到了组件。React会自动以高性能的方式为您提供此操作，因此您可以安全地删除此通话。请参阅scrollview。

 <ScrollView  style={styles.termsAndConditionsStyle}>
           <Text>
               // some large text
           </Text>
   </ScrollView>

解决方案 - 实际上我从react-native-gesture-handler导入ScrollView，而不是react-native

Answer 1

您是否尝试过<ScrollView>？。

您可以使用它来创建滚动功能。

很好，它非常简单，只需在<ScrollView> ... </ScrollView>中扭曲您的组件，并且根据您的需要进行样式。

如果组件的高度共同超过<ScrollView>，则可以滚动。

请参阅React Native

的文档

编辑：

其导入错误，从react-native导入scrollview，而不是react-native-gesture-handler

Answer 2

render() {
    return(
      <View style={styles.container}>
          <ScrollView>       
              <Text>
                  Add your text
              </Text>      
          </ScrollView>
      </View>
    );
}

编辑：

其导入错误，从react-native导入scrollview，而不是react-native-gesture-handler