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

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组件，并使其自动滚动。我发现了一篇博客文章。

Answer 3

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

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