flutter pub add rich_readmore基于插件公开信息、社区数据与项目使用情况整理的选型参考。
RichReadMore 是一个 Flutter 小部件，旨在以智能的“显示更多”或“显示更少”切换方式显示文本。它支持富文本格式，并根据内容长度和用户偏好动态调整。非常适合以简洁、交互式的方式显示长篇文本片段，提升可读性，同时不会使界面过于拥挤。该小部件可自定义，并可在所有主要平台上运行，包括移动设备、网页和桌面端。
以下为关联源码仓库的 README 原文快照，最新内容请访问源码仓库。
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.
import:
import 'package:rich_readmore/rich_readmore.dart';
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
},
),
),
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),
),
),
暂无相关数据。