quote_painter #

[quote_painter screenshot]

Flutter package for rendering styled text on image/video canvas.

Features #

• Gradient fill — solid color or LinearGradient/RadialGradient
• Stroke (outline) — configurable width and color per text
• Shadow — offset + blur radius
• Per-line alignment — left, center, right per TextLine
• Emoji + mixed script — full Unicode support via Flutter's TextPainter
• Exact positioning — set (x, y, width, height) bounding rect
• PNG export — capture to Uint8List via exportToPng

Installation #

Add to pubspec.yaml:

dependencies:
  quote_painter:
    git:
      url: https://github.com/govindtank/quote_painter.git

Or if published:

dependencies:
  quote_painter: ^0.1.0

Usage #

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

final style = QuoteStyle(
  fontSize: 28,
  gradient: LinearGradient(colors: [Colors.blue, Colors.purple]),
  strokeColor: Colors.white24,
  strokeWidth: 1.0,
  shadowBlurRadius: 4,
);

final lines = [
  TextLine('The best code'),
  TextLine('is the code never written'),
  TextLine('— A Lazy Developer',
      style: LineStyle(fontSize: 16, color: Colors.white54)),
];

// In your widget tree:
QuoteCanvas(
  lines: lines,
  quoteStyle: style,
  width: 350,
  height: 400,
  backgroundDecoration: BoxDecoration(
    gradient: LinearGradient(
      colors: [Color(0xFF1a1a2e), Color(0xFF16213e)],
    ),
  ),
  padding: EdgeInsets.all(32),
);

Export to PNG #

final key = GlobalKey(); // from QuoteCanvas
final bytes = await exportToPng(key, pixelRatio: 3);
// bytes is Uint8List — save to file or share

API Reference #

QuoteStyle #

TextLine #

QuoteCanvas #