Gradient Textfield

A customizable gradient Textfield for the developers who wants to style the Texfield of Flutter App.


  1. Add the current version of package to your pubspec.yaml

 gradient_textfield: ^0.0.1
  1. Run the following command
flutter pub get
  1. Import the custom_field package and use it in your Flutter app
import 'package:gradient_textfield/gradient_textfield.dart';


The properties you can modify are listed below

  • height
  • width
  • colors (graident)
  • text
  • radius
  • font style

Sample Code

 class Login extends StatelessWidget {
  const Login({ Key? key }) : super(key: key);

  Widget build(BuildContext context) {
    TextEditingController email = TextEditingController();
    return Scaffold(
      body:  Gradienttextfield(
              controller: email,
              radius: 40,
              height: 60,
              width: 400,
              colors: const [Colors.grey, Colors.white],
              text: "Email",
              fontSize: 15,
              fontWeight: FontWeight.normal,



Upcoming releases

  • Set prefix icons
  • Set Label text and label style
  • Implementing shadows to Containers