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).

GitHub code size in bytes

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 /> }"),
              ),
            ),
          ),
        ),
      ),
    ),
  );
}

image

Supported Properties

text-color

to specifies color of text

SpannableString.parse("Hello { `World` < text-color:#0000FF /> }")

image

background-color

specifies the background color of text

SpannableString.parse("Hello { `World` < background-color:#44FF00FF /> }")

image

font-size

set the size of text

SpannableString.parse("Hello { `World` < font-size:20 /> }")

image

text-decoration

set the kind of text decoration like underline, strikethrough etc

SpannableString.parse("Hello { `Universe` < text-decoration:strikethrough /> } World")

image

font-style

specifies the styles of text

SpannableString.parse("Hello { `World` < font-style:italic /> }")

image

more properties coming soon