Read More Plus

The Read More Plus Plugin is a versatile and user-friendly tool designed to enhance the readability and user experience. This plugin provides a powerful "Read More" widget that allows you to create expandable sections within your application, making it easier for users to access additional content without overwhelming them.

demo

Platform Support

Android iOS Web MacOS Linux Windows
✅ ✅ ✅ ✅ ✅ ✅

Features

  • Custom Text Styling: Easily customize the text style of the "Read More" widget to match your application's look and feel.

  • Maximum Line Control: You can define the maximum number of lines to display before the "Read More" link appears, providing you with control over the content's visibility.

  • Responsive Design: The widget automatically adjusts to different screen sizes, ensuring a seamless experience for all users.

  • Intuitive User Experience: Improve user engagement by giving them the ability to expand or collapse sections of your application at their convenience.

Installation

Add the following dependency to your pubspec.yaml file:

dependencies:
  read_more_plus: ^0.0.3

Run flutter pub get to install the package.

Usage

Import the package in your Dart code:

import 'package:read_more_plus/read_more_plus.dart';

Use the ReadMore widget in your widget tree:

ReadMore(
    text: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. "
)

Customization

You can customize the appearance of the "ReadMore" widget and its behavior according to your needs. You can modify the following properties:

ReadMore(
  text: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.",
  maxLines: 3,
  readMoreTextColor: Colors.redAccent,
  expandedText: 'show less',
  collapsedText: 'show more',
  style: Theme.of(context).textTheme.labelLarge!.copyWith(
      color: Colors.deepPurple,
      fontSize: size.height*0.014
  ),
)

customized demo

Property Type Description
text String The text to be displayed.
maxLines int? Set the maximum number of lines. default: maxLines = 2
readMoreTextColor Color? Set the color for the 'Read More' link.
expandedText String? Customize the label for collapsing the text.
collapsedText String? Customize the label for the "Read More" link.
style TextStyle? Define the style for the text.

Example

For a complete example of how to use this plugin, check out the example folder in this repository.

Feedback and Contributions

We value your feedback and encourage contributions to the Read More Plus Plugin. If you have suggestions, encounter issues, or would like to contribute to its development, please visit our GitHub repository to open an issue or create a pull request.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Contact

If you have any questions or require assistance, please don't hesitate to contact us at nishal.sehan@gmail.com.

Thank you for choosing the Read More Plus Plugin for your application, and we hope it enhances the user experience of your flutter application.

Libraries

read_more_plus