如何反应原生滚动文本？答案

【问题标题】：How react native scroll text?如何反应原生滚动文本？
【发布时间】：2016-07-03 06:19:32
【问题描述】：

原生滚动文本如何反应？

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

我尝试过溢出滚动，但是 react native 似乎不支持溢出滚动。

谢谢。

【问题讨论】：

滚动视图在 react-native 中完美运行。如果您尝试过但不起作用，请添加一些内容。
你能说得更具体点吗？你见过TextInput 组件吗？

标签： react-native

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

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

       <ScrollView>       

         <Text>
           Add your text
         </Text>      

       </ScrollView>

      </View>
    );
  }

【讨论】：

【解决方案3】：

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

<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

【讨论】：