Description:
drop cap text
This Flutter plugin aims to achive drop cap in text capitalization.
Usage #
import 'package:drop_cap_text/drop_cap_text.dart';
copied to clipboard
DropCapText(
loremIpsumText,
style: TextStyle(fontStyle: FontStyle.italic),
),
copied to clipboard
Properties #
Name
Type
Default
Description
data
String
null
mode
DropCapMode
DropCapMode.inside
aside, upwards, ..
textAlign
TextAlign
null
indentation
Offset
Offset.zero
dropCapChars
int
1
dropCapPadding
EdgeInsets
EdgeInsets.zero
dropCap
DropCap [Widget]
null
style
TextStyle
null
dropCapStyle
TextStyle
forceNoDescent
bool
false
parseInlineMarkdown
bool
false
bold
dropCapPosition
DropCapPosition
DropCapPosition.start
textDirection
TextDirection
TextDirection.ltr
maxLines
int
overflow
TextOverflow
TextOverflow.clip
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')
),
),
copied to clipboard
Custom DropCap Widget: Parse Inline Markdown
only supports italic bold underline
DropCapText(
'Lorem ipsum **dolor sit amet, consectetur adipiscing elit, ++sed do eiusmod++ tempor incididunt** ut labore et _dolore magna aliqua_.',
parseInlineMarkdown: true,
dropCapStyle: TextStyle(fontSize: 100, fontWeight: FontWeight.bold, color: Colors.green),
dropCapPadding: EdgeInsets.only(right: 19.0),
style: TextStyle(fontSize: 18.0, height: 1.5),
),
copied to clipboard
Custom DropCap Widget: Image right + justification
DropCapText(
loremIpsumText,
dropCapPosition: DropCapPosition.end,
textAlign: TextAlign.justify,
dropCap: DropCap(
width: 100,
height: 100,
child: Image.network(
'https://www.codemate.com/wp-content/uploads/2017/09/flutter-logo.png')
),
),
copied to clipboard
2 characters + indentation
DropCapText(
loremIpsumText,
style: TextStyle(
height: 1.3,
fontFamily: 'times',
),
dropCapChars: 2,
indentation: Offset(25, 10),
),
copied to clipboard
Upward drop cap
DropCapText(
loremIpsumText,
mode: DropCapMode.upwards,
dropCapStyle: TextStyle(
color: Colors.red,
fontWeight: FontWeight.bold,
fontSize: 120,
fontFamily: 'times',
),
),
copied to clipboard
Aside drop cap
DropCapText(
loremIpsumText,
style: TextStyle(
fontWeight: FontWeight.bold,
height: 1.2,
),
mode: DropCapMode.aside,
),
copied to clipboard
License
For personal and professional use. You cannot resell or redistribute these repositories in their original state.
Customer Reviews
There are no reviews.
