custom_field_styles 0.1.0

A Flutter package for easing the stlying of form fields.

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 [e-mail]

Support