text_highlight_rounded 0.0.4 copy "text_highlight_rounded: ^0.0.4" to clipboard
text_highlight_rounded: ^0.0.4 copied to clipboard

A Flutter package which provide custom Text Widget looks like Instagram Story highlighted rounded text

example/example.dart

import 'package:flutter/material.dart';
import 'package:text_highlight_rounded/text_highlight_rounded.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      home: HomeScreen(),
    );
  }
}

class HomeScreen extends StatelessWidget {
  const HomeScreen({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.black,
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
          children: [
            const HighlightTextRounded(
              text: "one line only",
              style: TextStyle(
                fontSize: 20,
                color: Colors.black,
              ),
            ),
            HighlightTextRounded(
              text: "and for this\nhighlightText is more\nthan one line\nwith all rounded corners",
              textAlign: TextAlign.center,
              bold: 7,
              isAllCornerRound: true,
              radius: 10,
              markColor: Colors.red[100]!,
              style: const TextStyle(
                fontSize: 25,
                fontWeight: FontWeight.bold,
                color: Colors.purple,
              ),
            ),
            HighlightTextRounded(
              text: "and for this\nhighlightText is more\nthan one line\nwith basic rounded corner",
              textAlign: TextAlign.right,
              bold: 7,
              radius: 10,
              isAllCornerRound: false,
              markColor: Colors.blue[100]!,
              style: TextStyle(
                fontSize: 25,
                fontWeight: FontWeight.bold,
                color: Colors.blueGrey[800],
              ),
            ),
          ],
        ),
      ),
    );
  }
}
23
likes
150
points
1
downloads

Publisher

unverified uploader

Weekly Downloads

A Flutter package which provide custom Text Widget looks like Instagram Story highlighted rounded text

Repository (GitHub)
View/report issues

Documentation

API reference

License

MIT (license)

Dependencies

flutter

More

Packages that depend on text_highlight_rounded