This content originally appeared on DEV Community and was authored by flutterCode
Keine Anwendung kommt ohne Texte aus. Diese Texte zu formatieren ist dementsprechend eine immer wiederkehrende Aufgabe. Flutter hat dafür ohne Zweifel gute Bordmittel. Aber wenn es darum geht größere Textmengen zu bearbeiten wird es rasch aufwendig.
amazingsoftworks hat für diese Problemstellung eine interessante Package veröffentlicht.
styled_text ermöglicht das Formatieren eines Textes, ähnlich wie man es aus Html kennt. Das heisst, es werden Tags verwendet:
class TextKonserve extends StatelessWidget {
@override
Widget build(BuildContext context) {
return StyledText(
text: '<italic>Dies ist ein</italic> <bold>Test !</bold>',
tags: {
'bold': StyledTextTag(
style: TextStyle(
fontFamily: 'Raleway',
fontSize: 20.0,
fontWeight: FontWeight.w700,
fontStyle: FontStyle.normal,
color: Colors.red,
)),
'italic': StyledTextTag(
style: TextStyle(
fontFamily: 'Raleway',
fontSize: 20.0,
fontStyle: FontStyle.italic,
fontWeight: FontWeight.w700,
))
},
);
}
}
Im Code oben ist das Prinzip schön zu sehen. text: enthält die zu formatierende Zeichenkette.StyledTextTag übernimmt dabei ein TextStyle Widget, welches die eigentliche Formatierung enthält.
Wer auf die Beispiel Seite der Entwickler surft, findet eine Vielzahl von Einsatzmöglichkeiten. Erwähnen möchte ich hier, das auch das Einbinden von Icons möglich ist, oder die Verwendung von Texten, die über mehrere Zeilen gehen. Es lohnt sich auf jeden Fall die Package zu testen!
Bis bald ! 😀
This content originally appeared on DEV Community and was authored by flutterCode
flutterCode | Sciencx (2021-12-26T14:33:50+00:00) Styled Text Package. Retrieved from https://www.scien.cx/2021/12/26/styled-text-package/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.