[解決済み】テキストに省略記号を表示させる方法
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>
関連
-
[解決済み] モジュールAppRegistryが呼び出し可能なモジュールとして登録されていない(runApplicationを呼び出す)。
-
[解決済み] React NativeのiOSシミュレータでフォントファミリーが認識されない件
-
[解決済み] CSS text-overflow: ellipsis; が効かない?
-
[解決済み] Android, TextViewの幅を制限する(テキストの末尾に3つの点を付ける)には?
-
[解決済み】Ellipsisオブジェクトは何をするのですか?
-
[解決済み】React Nativeアプリにアイコンを追加する方法
-
[解決済み】HTMLのtext-overflowの省略記号の検出
-
[解決済み】react nativeでボタンを無効化する。
-
[解決済み】React Native:「next」キーボードボタンを押した後、次のTextInputを選択するには?
-
[解決済み] React Nativeで水平罫線を描く
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】React Native。未処理のプロミスリジェクトの可能性
-
[解決済み] React Nativeです。View onPress が動作しない
-
[解決済み] React Nativeの条件付きスタイリング
-
[解決済み] エラーが発生しました。react-native-elementsインストール後、Unrecognized font family Material Design icons?
-
[解決済み] Expoを使用してReact Nativeをクリーンアップ(キャッシュのリセット)するにはどうすればよいですか?キャッシュの問題かどうかはわかりません
-
[オリジナル】React Native ピットシリーズ - スーパー式は未定義ではなく、NULLか関数のどちらかでなければなりません。
-
[解決済み] react nativeでトーストメッセージを表示する方法
-
[解決済み] React-NativeアプリでAxios GETとAuthorizationヘッダを使用する
-
タスク ':app:installDebug' の実行に失敗しました。
-
[解決済み】テキストに省略記号を表示させる方法