相关疑难解决方法(0)

React Native:确定Text组件的行数

正如标题所说,我一直试图找到一种方法来确定文本组件在给出文本之后的行数.看看下面的例子.

<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)

android text ios react-native

15
推荐指数
3
解决办法
8116
查看次数

React Native:如何将内联阅读更多文本添加到长截断文本中

我在 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)

react-native

4
推荐指数
1
解决办法
6038
查看次数

标签 统计

react-native ×2

android ×1

ios ×1

text ×1