awesome_style_field

Description:

awesome style field

🌈 Awesome Style Field #

Features #

AwesomeStyleField
AwesomeStyleFormField
AwesomeTextController
AwesomeKeyword


Support Platforms #

Flutter Android
Flutter iOS
Flutter Web
Flutter Desktop




Usage #
Add the package to pubspec.yaml
dependencies:
awesome_style_field: ^<latest-version>
copied to clipboard
After that import the package
import 'package:awesome_style_field/awesome_style_field.dart';
copied to clipboard
TextField or TextFormField #

AwsomeStyleField is inherited from TextField.
AwsomeStyleFormField is inherited from TextFormField.
Tags and style, added to AwsomeStyleField and AwsomeStyleFormField, can be customised.

New Parameters #

AwesomeTextController is inherited from TextEditingController.
List<AwesomeKeyword> is for your awesome styles !

final AwesomeTextController? controller;
final List<AwesomeKeyword>? keywords;
copied to clipboard
AwesomeKeyword #

Your keyword is passed to text parameter which is required.
Your own style is passed to style parameter which is optional. Without passing, your style will be set as parent style.
isDuplicate sets whether or not to duplicate style. (Default value allows duplication.)
isLetterCase enables upper or lower case to be separated. (Default value is not case-sensitive.)

class AwesomeKeyword {
final String text;
final TextStyle? style;
final bool isDuplicate;
final bool isLetterCase;

const AwesomeKeyword({
required this.text,
this.style,
this.isDuplicate = true,
this.isLetterCase = true,
});
}
copied to clipboard
AwesomeTextController #
AwesomeTextController controller = AwesomeTextController(initValue: "Tyger");
copied to clipboard
Example #

Tags #

You add AwesomeKeyword class including style and tags to list.

List<AwesomeKeyword> keywords = [
AwesomeKeyword(
text: "Created",
style: TextStyle(
color: Colors.indigo,
fontWeight: FontWeight.bold,
),
),
AwesomeKeyword(
text: "Tyger",
style: TextStyle(
color: Colors.pink,
fontWeight: FontWeight.bold,
),
),
],
copied to clipboard
Style #

You create your own style.

AwesomeKeyword(
text: "Created",
style: TextStyle(
color: Colors.limeAccent,
fontSize: 24,
fontStyle: FontStyle.italic,
fontWeight: FontWeight.bold,
),
),
copied to clipboard
isDupicate #

isLetterCase #

Created by Tyger Github