正如标题所说,我一直试图找到一种方法来确定文本组件在给出文本之后的行数.看看下面的例子.
<Text>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi semper ut ipsum in ultrices. Vivamus fringilla lacinia odio in accumsan. Proin sit amet pellentesque tortor. Nam mollis sit amet ligula id convallis. Etiam in semper diam. Cras id elit consectetur, interdum ante id, tincidunt nisi. Integer non elit placerat, dignissim nibh at, faucibus sem. Curabitur nec posuere turpis. Vivamus rhoncus nulla vitae mi imperdiet, elementum eleifend mi laoreet. Vestibulum molestie turpis non nibh elementum, sed ornare magna tristique. …Run Code Online (Sandbox Code Playgroud) 我在 React Native 应用程序中显示长字符串,我想将其显示为两行文本。使用expo/react-native-read-more-text来折叠/显示目的。这是工作,但我想将“阅读更多”文本显示为与同一行省略号内联。我该怎么做?
电流输出:
我想要像这样内联:
成分:
const TestScreen = () => {
_renderTruncatedFooter = (handlePress) => {
return (
<Text style={{color: '#999'}} onPress={handlePress}>
more
</Text>
);
}
return (
<View style={styles.container}>
<View style={styles.card}>
<ReadMore
numberOfLines={2}
renderTruncatedFooter={this._renderTruncatedFooter}
>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor …Run Code Online (Sandbox Code Playgroud)