fancy_field_new 0.0.2 copy "fancy_field_new: ^0.0.2" to clipboard
fancy_field_new: ^0.0.2 copied to clipboard

Fully Customizable TextFields

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),
4
likes
120
pub points
11%
popularity

Publisher

unverified uploader

Fully Customizable TextFields

Repository (GitHub)
View/report issues

Documentation

API reference

License

BSD-3-Clause (license)

Dependencies

flutter

More

Packages that depend on fancy_field_new