fancy_field_new

Description:

fancy field new

fancy_field_new #


Fancy Fields is a flutter widget library, include text field widgets which is fully customizable and can be extended on request.
No more extra hassle for all the extra working around with text fields.
Installation #

Add this to your packages pubspec.yaml file:

dependencies:
fancy_field_new: <latest version>
copied to clipboard

Install it
You can install it from the command line:

$ flutter pub get
copied to clipboard

Import it
Now in Dart code, you can use:

import 'package:fancy_field_new/fancy_field_new.dart';
copied to clipboard
Recommendation #
We recommend you to using the latest version.
Screenshot

You need to use just the following code:
Default Type #
MyFancyField(
hasBorder:false,
fieldColor: white,
hint: 'Default',
hasShadow: false,),
copied to clipboard
With Border #
MyFancyField(
hasBorder:true,
borderColor: Colors.black.withOpacity(0.25),
fieldColor: white,
hint: 'With Border',
hasShadow: false,),
copied to clipboard
With Shadow #
MyFancyField(
hasBorder:false,
fieldColor: white,
hint: 'With Shadow',
shadowColor: Colors.grey,
blur: 5,
hasShadow: true),
copied to clipboard
Obscure Field #
MyFancyField(
obscuringCharacter: "*",
obscure: true,
hasBorder:true,
fieldColor: white,
hint: 'With Obscure',
hasShadow: false),
copied to clipboard
With Prefix Widget #
MyFancyField(
hasBorder:true,
align: true,
prefixIcon: const Icon(FeatherIcons.user,color: Colors.grey,),
fieldColor: white,
hint: 'With Prefix Icon',
hasShadow: false),
copied to clipboard
With Suffix Widget #
MyFancyField(
align: true,
suffixIcon: const Icon(FeatherIcons.mail,color: Colors.grey,),
hasBorder:true,
fieldColor: white,
hint: 'With Suffix Icon',
hasShadow: false),
copied to clipboard
With Font Styling #
MyFancyField(
hintStyle: const TextStyle(fontWeight: FontWeight.w300,color: Colors.black,fontSize: 18),
textStyle: const TextStyle(fontWeight: FontWeight.w600,color: Colors.black,fontSize: 20),
hasBorder:true,
fieldColor:white,
hint: 'With Font Styling',
hasShadow: false),
copied to clipboard
With Max Lines #
MyFancyField(
maxLines: 6,
hasBorder:true,
fieldColor:white,
hint: 'With Max Lines',
hasShadow: false),
copied to clipboard