Flutter custom Form Fields
- Ever bored of designing repetative Form fields in Flutter Apps?
- Same designs in multiple projects ? Flutter custom Form Fields come to your rescue.
Flutter custom Form Fields comes with predefined Form Fields Styles, which is a light-weight package providing you cleaner code, reusable prestyled Form fields.
Usage
Set the dependency
dependencies:
custom_form_fields: <latest-version>
Install
flutter pub get
Import it
import 'package:custom_field_styles/custom_field_styles.dart';
Use it
return Scaffold(
body: SafeArea(
child: Center(
child: Container(
margin: const EdgeInsets.symmetric(vertical: 20, horizontal: 10),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
const Text(
"Modern Text Field",
style: TextStyle(fontSize: 20),
),
const SizedBox(
height: 20,
),
CustomTextField(
controller: controller,
fieldStyle: FieldStyle.modern,
prefixIcon: const Icon(Icons.person_2),
suffixIcon: const Icon(Icons.cancel),
),
],
),
))),
);
- Required fields are : controller .
- change value of fieldStyle to change styles.
For more details see the example.
Images
- Simple Text Field
- Elevated Text Field
- Old Text Field
- Modern Text Field
- Comic Text Field
- Passsword Text Field
Contributing
Contributions are always welcome!
See CONTRIBUTING.md
for ways to get started.
FAQ
Are the Styles pre-applied?
Yes, Some of the basic styles are pre-applied , to ease developement , you can also manually change specific styles.
Some styles are not working in some FieldStyles ?
We have restricted some styles in some specific Fieldstyles to maintain disctintiveness among each Fieldstyles.
I have some creative styles in my mind how can I add them in this package ?
Please refer CONTRIBUTING.md
.
Are only this much styles available ?
No, I am working on more styles. Will be adding soon.
Feedback
If you have any feedback, please reach out to us at developer.dextrix@gmail.com