エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Jetpack Composeでアイコンの直前でテキストを省略したい - Giftmall Inside Blog
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Jetpack Composeでアイコンの直前でテキストを省略したい - Giftmall Inside Blog
こんにちは、Androidエンジニアの @syarihu です。 今回は、Jetpack Composeでアイコンの直前でテキスト... こんにちは、Androidエンジニアの @syarihu です。 今回は、Jetpack Composeでアイコンの直前でテキストを省略したい場合の実装について紹介します。 具体的には次のようなUIを実現します。 テキストが2行を超えたら省略するだけならTextの標準機能だけで簡単にできますが、右下に展開アイコンを表示する際に展開アイコンに重ならないようにアイコンの直前で文字列を省略するのが今回のポイントです。 Textの標準機能を使って試してみる まずはTextの標準機能のみを使うとどうなるのか試してみます。 Box( modifier = Modifier .fillMaxWidth() .background(Color.White) .padding(top = 8.dp, start = 8.dp, end = 8.dp, bottom = 4.dp), ) { Text( te