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>

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

Answer 1

您尝试过<ScrollView>吗？。

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

非常简单，只需在<ScrollView> ... </ScrollView>中扭曲组件，然后根据您的需要设置样式。

如果组件的高度超过<ScrollView>，它将变为可滚动。

see docs at react native

编辑：

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

Answer 2

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

编辑：

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

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

2 个答案: