drop_cap_text 1.0.0

This Flutter plugin aims to achive drop cap in text capitalization.

This Flutter plugin aims to achive drop cap in text capitalization.

Usage

To use this plugin, add drop_cap_text as a dependency in your pubspec.yaml file.

DropCapText(
    loremIpsumText,
    style: TextStyle(fontStyle: FontStyle.italic),
),

Properties

Name	Type	Default	Description
data	String	null
mode	DropCapMode	DropCapMode.inside
textAlign	TextAlign	null
indentation	Offset	Offset.zero
dropCapChars	int	1
dropCapPadding	EdgeInsets	EdgeInsets.zero
dropCap	DropCap [Widget]	null
style	TextStyle	null
dropCapStyle	TextStyle	( ... height: 0.8 ... )

Customization

Custom DropCap Widget: Image

DropCapText(
    loremIpsumText,
    dropCap: DropCap(
    width: 100,
    height: 100,
    child: Image.network(
    	'https://www.codemate.com/wp-content/uploads/2017/09/flutter-logo.png')
    ),
),

---

2 characters + indentation

DropCapText(
    loremIpsumText,
    style: TextStyle(
        height: 1.3,
        fontFamily: 'times',
    ),
    dropCapChars: 2,
    indentation: Offset(25, 10),
),

---

Upward drop cap

DropCapText(
    loremIpsumText,
    mode: DropCapMode.upwards,
    dropCapStyle: TextStyle(
        color: Colors.red,
        fontWeight: FontWeight.bold,
        fontSize: 120,
        fontFamily: 'times',
    ),
),

---

Left drop cap

DropCapText(
    loremIpsumText,
    style: TextStyle(
        fontWeight: FontWeight.bold,
        height: 1.2,
    ),
    mode: DropCapMode.left,
),