fancy_field_new 0.0.2 fancy_field_new: ^0.0.2 copied to clipboard
Fully Customizable TextFields
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>
- Install it You can install it from the command line:
$ flutter pub get
- 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),