ReactNativeでテキストを省略させる[...] 三点リーダー

用途

• 文字が多い時に省略させる
  

numberOfLines

• テキスト表示のコンテナ行数

行の合計数がこの数を超えないように、行の折り返しを含むテキストレイアウトを計算した後、
省略記号を使用してテキストを省略します。この小道具は一般的にで使用されellipsizeModeます。

eliipsizeMode

• テキストに「...」を表示させる位置を設定する

• head
  線が表示され、端がコンテナーに収まり、線の最初の欠落したテキストが省略記号で示されます。
  例： "... wxyz"

• middle
  行が表示され、最初と最後がコンテナに収まり、中央の欠落したテキストが省略記号で示されます。
  例：「ab ... yz」

• tail
  行が表示され、最初がコンテナーに収まり、行末の欠落したテキストが省略記号で示されます。
  例：「abcd ...」

• clip
  線はテキストコンテナーの端を越えて描画されません。

numberOfLinesが設定されている場合、この小道具はテキストの切り捨て方法を定義します。numberOfLinesこのプロップと組み合わせて設定する必要があります。

まとめ

• テキストを省略させたいときは、numberOfLinesとeliipsizeModeを使う

引用