1. ホーム
  2. リアクトネイティブ

[解決済み】テキストに省略記号を表示させる方法

2022-04-07 03:08:46

質問

アプリに長いテキストがあり、それを切り捨てて、最後に3つの点を追加する必要があります。

React NativeのText要素でそれを行うにはどうすればよいですか?

ありがとうございます

解決方法は?

numberOfLinesを使用します。

<Text numberOfLines={1}>long long long long text<Text>

または、行ごとの最大文字数を知っている/計算できる場合は、JSの部分文字列が使用されるかもしれません。

<Text>{ ((mytextvar).length > maxlimit) ? 
    (((mytextvar).substring(0,maxlimit-3)) + '...') : 
    mytextvar }
</Text>