[解決済み] Flutterでテキストに線を引くには?
2023-07-28 01:24:35
質問
を使用して
TextStyle()
クラスを使用して、どのように古い価格を打ち抜くことができますか?
どのように解決するには?
取り消し線の装飾を
Text
ウィジェットに直接適用する。
Text('\$8.99', style: TextStyle(decoration: TextDecoration.lineThrough))
また、段落を分割してスタイルを設定するには
RichText
ウィジェット、または
Text.rich()
のコンストラクタを使用します。
に基づいて このサンプルコード のように、割引価格を表示するようにします。
RichText()
new RichText(
text: new TextSpan(
text: 'This item costs ',
children: <TextSpan>[
new TextSpan(
text: '\$8.99',
style: new TextStyle(
color: Colors.grey,
decoration: TextDecoration.lineThrough,
),
),
new TextSpan(
text: ' \$3.99',
),
],
),
)
Text.rich()
Text.rich(TextSpan(
text: 'This item costs ',
children: <TextSpan>[
new TextSpan(
text: '\$8.99',
style: new TextStyle(
color: Colors.grey,
decoration: TextDecoration.lineThrough,
),
),
new TextSpan(
text: ' \$3.99',
),
],
),
)
関連
-
[解決済み] Linuxで特定のテキストを含むすべてのファイルを検索するにはどうすればよいですか?
-
[解決済み] Flutterのデバッグバナーを削除するにはどうしたらいいですか?
-
[解決済み] Flutterで丸みを帯びたボタン/border-radius付きボタンを作成する
-
[解決済み] Flutterでウィジェットにボーダーを追加するには?
-
[解決済み】文字列をテキストファイルに出力する
-
[解決済み】Flutterでビルドしたアプリの表示名を変更するにはどうすればいいですか?
-
[解決済み】Firebase App '[DEFAULT]' が作成されていない - Flutter と Firebase で Firebase.initializeApp() を呼び出す。
-
[解決済み] フラッターのライフサイクル
-
[解決済み] 丸みを帯びたボーダーを持つボタンを作成する [重複]。
-
[解決済み] flutterから.apkと.ipaファイルを取得する方法は?
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] TextFieldの高さと幅を変更するには?
-
[解決済み] Flutterを使ってローカルストレージに保存するには?
-
[解決済み] Flutterで複数のウィジェットをレンダリングするためにリストを反復処理する?
-
[解決済み] 素材ウィジェットが見つかりません
-
[解決済み] FlutterでAndroidのStatusBarを非表示にする方法
-
[解決済み] Flutterアプリがウェブ上で動作しているかどうかを検出するには?
-
[解決済み] TextFormFieldとTextFieldの違いは何ですか?
-
[解決済み] Flutter: 静的ターゲットが見つからない場合の未実装の処理
-
[解決済み] Dartのパラメータは、その型のために'null'という値を持つことができません。
-
[解決済み] DartのList.forEach()でAsync/awaitする方法