rich_readmore

Last updated:

0 purchases

rich_readmore Image
rich_readmore Images
Add to Cart

Description:

rich readmore

rich_readmore #
A widget that displays text with an option to show more or show less based on the provided settings.
The RichReadMoreText widget allows you to trim text either based on the character length or the number of lines.
When the text is longer than the specified trim length or exceeds the maximum number of lines, it provides a toggle option to show more or show less of the text.
It has two options for settings, the LineModeSettings or LengthModeSettings for trimming using the behavior that you want.
If you want to pass a string directly instead of a TextSpan, you can just be using the the RichReadMoreText.fromString(...). There are some examples for that below.
Demonstration #

How to use #
import:
import 'package:rich_readmore/rich_readmore.dart';
copied to clipboard
For TextSpan data:
RichReadMoreText(
textSpan,
settings: LineModeSettings(
trimLines: 3,
trimCollapsedText: 'Expand',
trimExpandedText: ' Collapse ',
onPressReadMore: () {
/// specific method to be called on press to show more
},
onPressReadLess: () {
/// specific method to be called on press to show less
},
),
),
copied to clipboard
Or for String data:
RichReadMoreText.fromString(
text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
textStyle: TextStyle(color: Colors.purpleAccent),
settings: LengthModeSettings(
trimLength: 20,
trimCollapsedText: 'Expand',
trimExpandedText: ' Collapse ',
onPressReadMore: () {
/// specific method to be called on press to show more
},
onPressReadLess: () {
/// specific method to be called on press to show less
},
lessStyle: TextStyle(color: Colors.blue),
moreStyle: TextStyle(color: Colors.blue),
),
),
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.