Question

我有一些很长的标题，所以我像这样使用 numberOfLines：

<View style={{flex: 1}}>
      <Text
        style={{
          fontFamily: boldFont,
          fontSize: 15,
          color: theme.primaryTextColor,
          maxWidth: 290,
        }}
        numberOfLines={1} ellipsizeMode="tail">
        {props.item.name}
      </Text>
    </View>

但我希望我的文本自动开始“播放”或滚动，以便用户可以看到完整的标题。这样做的最佳方法是什么？

Answer 1

您可以将此包用于此工作：https://www.npmjs.com/package/react-native-text-ticker 如果您的文本不适合 1 行，它将开始滚动。如果它适合，它保持固定。您可以通过链接访问包的详细信息。

例如：

import TextTicker from 'react-native-text-ticker'

<TextTicker scrollSpeed={50} loop bounce numberOfLines={1}>
   Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello
   Hello Hello Hello Hello Hello
</TextTicker>

Answer 2

你可以用 ScrollView 包裹你的 Text 组件，并可以让它动画自动滚动。我找到了 a blog post。

Answer 3

您可以像这样将文本组件包装在 ScrollView 中

<ScrollView horizontal>
<Text>Some Big Text</Text>
</ScrollView>

长文本上的水平自动滚动反应原生

3 个答案: