Question

如何反应原生滚动文字？

我在固定高度的容器中有一个长文本。我想在该容器中显示一部分文本，并在我想要查看更多内容时滚动它。

我尝试过溢出滚动但反应原生似乎不支持溢出滚动。

感谢。

Answer 1

您可以在这种情况下使用ScrollView。只需将文本放在其中并设置高度即可滚动视图。

Answer 2

我使用了以下代码。以ScrollView并将您的任何元素放在ScrollView内。

render() {
    return(
      <View style={styles.container}>

       <ScrollView>       

         <Text>
           Add your text
         </Text>      

       </ScrollView>

      </View>
    );
  }

Answer 3

React Native 目前存在一个限制，即您不能直接在 height ScrollView 道具上设置 style。因此，如果您还想设置高度，我建议您执行以下操作：

<View style={{ height: 100 }}>
  <ScrollView>
    <Text>
      Your text goes here.
    </Text>
  </ScrollView>
</View>

或者使用 flexGrow:

<ScrollView style={{ flexGrow: 0.2 }}>
  <Text>
    Your text goes here.
  </Text>
</ScrollView>

我发现的相关问题：https://github.com/facebook/react-native/issues/3422

如何反应原生滚动文本？

3 个答案: