fancy_field_new

Github stars Pub Version

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

  1. Add this to your packages pubspec.yaml file:
dependencies:
   fancy_field_new: <latest version>
  1. Install it You can install it from the command line:
$ flutter pub get
  1. Import it Now in Dart code, you can use:
import 'package:fancy_field_new/fancy_field_new.dart';

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,),

With Border

MyFancyField(
hasBorder:true,
borderColor: Colors.black.withOpacity(0.25),
fieldColor: white,
hint: 'With Border',
hasShadow: false,),

With Shadow

MyFancyField(
hasBorder:false,
fieldColor: white,
hint: 'With Shadow',
shadowColor: Colors.grey,
blur: 5,
hasShadow: true),

Obscure Field

MyFancyField(
obscuringCharacter: "*",
obscure: true,
hasBorder:true,
fieldColor: white,
hint: 'With Obscure',
hasShadow: false),

With Prefix Widget

MyFancyField(
hasBorder:true,
align: true,
prefixIcon: const Icon(FeatherIcons.user,color: Colors.grey,),
fieldColor: white,
hint: 'With Prefix Icon',
hasShadow: false),

With Suffix Widget

MyFancyField(
align: true,
suffixIcon: const Icon(FeatherIcons.mail,color: Colors.grey,),
hasBorder:true,
fieldColor: white,
hint: 'With Suffix Icon',
hasShadow: false),

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),

With Max Lines

MyFancyField(
maxLines: 6,
hasBorder:true,
fieldColor:white,
hint: 'With Max Lines',
hasShadow: false),

Libraries

fancy_field_new