Wie unterstreiche ich Text im Flattern innerhalb des Text
Widgets?
Ich kann nicht scheinen, Unterstreichung innerhalb des fontStyle
Eigentums von zu findenTextStyle
Wenn Sie alles unterstreichen, können Sie im Text-Widget einen TextStyle festlegen.
Text(
'Hello world',
style: TextStyle(
decoration: TextDecoration.underline,
),
)
Wenn Sie nur einen Teil des Textes unterstreichen möchten, müssen Sie Text.rich()
(oder ein RichText-Widget) verwenden und die Zeichenfolge in TextSpans aufteilen, denen Sie einen Stil hinzufügen können.
Text.rich(
TextSpan(
text: 'Hello ',
style: TextStyle(fontSize: 50),
children: <TextSpan>[
TextSpan(
text: 'world',
style: TextStyle(
decoration: TextDecoration.underline,
)),
// can add more TextSpans here...
],
),
)
TextSpan ist etwas seltsam. Der text
Parameter ist der Standardstil, aber die children
Liste enthält den darauf folgenden gestalteten (und möglicherweise nicht gestalteten) Text. Sie können eine leere Zeichenfolge verwenden, text
wenn Sie mit gestyltem Text beginnen möchten.
Sie können auch einen TextDecorationStyle hinzufügen, um das Aussehen der Dekoration zu ändern. Hier ist gestrichelt:
Text(
'Hello world',
style: TextStyle(
decoration: TextDecoration.underline,
decorationStyle: TextDecorationStyle.dashed,
),
)
und TextDecorationStyle.dotted
:
und TextDecorationStyle.double
:
und TextDecorationStyle.wavy
:
Sie tun es , indem
decoration: TextDecoration.underline
zuTextStyle
einemText
.Mit Themenbeispiel:
Text( "text", style: Theme .of(context) .accentTextTheme .subhead .copyWith(decoration: TextDecoration.underline), )
Grundlegendes Beispiel:
Text( "text", style: TextStyle(decoration: TextDecoration.underline), )
quelle
Sie können TextDecoration stilvoll verwenden, um einen bestimmten Text zu unterstreichen.
Zum Beispiel
Text( "Your text here", style: TextStyle( decoration: TextDecoration.underline), ) )
quelle
zum Beispiel
Text( "Terms and Condition", style: TextStyle( decoration: TextDecoration.underline, height: 1.5, fontSize: 15, fontWeight: FontWeight.bold, fontFamily: 'Roboto-Regular', ), ),
quelle