magic_text

Description:

magic text

Magic Text #
Auto-responsive text widget that supports a multitude of parameters to control text rendering behaviour.
The main purpose of the Magic Text widget is to adapt to the available space in an elegant way, handling a character that allows to handle line breaks that cut words, remove unnecessary spaces and adapt the text size in such a way that there are as few word breaks as possible between a range of maximum and minimum sizes passed by parameter. The text rendering task can be done synchronously and asynchronously. It is also possible to parameterize most of the attributes used in a Text widget.
Examples #




Features #
smartSizeMode: Enable or disable smart text size mode so that the widget chooses the appropriate text size from the given maxSize - minSize range so that there are the fewest number of word breaks in line breaks.
asyncMode: Allows the widget to be re-rendered asynchronously, this means that it is not the main rendering thread of the Flutter framework that builds the element, which causes the widget to update after all other GUI elements are loaded, this can speed up the loading time of a view. This mode is recommended to be enabled when using wide text size ranges between maxSize - minSize in smartSizeMode, because it can cause slow rendering times, if asynchronous mode is enabled, the view will load first and then the MagicText widget will be rendered when ready without blocking the main rendering thread optimising the loading time.
Getting started #
Installing ⬇️ #
Install with command line
Run this command flutter pub add magic_text then run flutter pub get.
Install with pubspec.yaml
Paste this line in dependencies section of pubspec.yaml file and run flutter pub get command.
dependencies:
magic_text: ^0.0.3
copied to clipboard
Import #
import 'package:magic_text/magic_text.dart';
copied to clipboard
Usage #
Instance MagicText widget:
//Instance a MagicText widget and save in a constant.
const MagicText magicText = MagicText(
"The Flutter framework has been optimized to make rerunning build methods fast, so that you can just rebuild anything that needs updating rather than having to individually change instances of widgets.",
breakWordCharacter: '-',
smartSizeMode: true,
asyncMode: true,
minFontSize: 20,
maxFontSize: 40,
textStyle: const TextStyle(
fontSize: 20, //It is mandatory that the textStyle has a fontsize.
fontWeight: FontWeight.bold
),
);
copied to clipboard
Full usage code examples:

Resizable simple Desktop app example

Animated mobile app example

Additional information #
Developed By Enrique Sánchez Vicente.