Flutter Spannable String
A Flutter package for parsing and displaying spannable strings with various styling options, including text color, background color, text size, text decoration (underline, strikethrough), font style (italic) and font weight (bold).
Installation
Add the following to your pubspec.yaml
file:
dependencies:
flutter_spannable_string: ^1.0.0
Then, run:
flutter pub get
Usage
import 'package:flutter/material.dart';
import 'package:flutter_spannable_string/flutter_spannable_string.dart';
void main() {
runApp(
MaterialApp(
home: Builder(
builder: (context) => Scaffold(
body: Center(
child: RichText(
text: TextSpan(
children: SpannableString.parse("Hello { `World` < text-color:#0000FF,text-decoration:underline, font-style:italic, font-size:20 /> }"),
),
),
),
),
),
),
);
}
Supported Properties
text-color
to specifies color of text
SpannableString.parse("Hello { `World` < text-color:#0000FF /> }")
background-color
specifies the background color of text
SpannableString.parse("Hello { `World` < background-color:#44FF00FF /> }")
font-size
set the size of text
SpannableString.parse("Hello { `World` < font-size:20 /> }")
text-decoration
set the kind of text decoration like underline, strikethrough etc
SpannableString.parse("Hello { `Universe` < text-decoration:strikethrough /> } World")
font-style
specifies the styles of text
SpannableString.parse("Hello { `World` < font-style:italic /> }")