custom_text_field_with_drop_down 0.0.12 copy "custom_text_field_with_drop_down: ^0.0.12" to clipboard
custom_text_field_with_drop_down: ^0.0.12 copied to clipboard

A new Flutter package for Custom Text Filed and Drop Down Widget.

example/lib/main.dart

import 'package:custom_text_field_with_drop_down/custom_text_field_with_drop_down.dart';
import 'package:flutter/material.dart';
import 'package:get/get.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  MyApp({super.key});

  final TextEditingController _controller = TextEditingController();

  @override
  Widget build(BuildContext context) {
    return GetMaterialApp(
      title: 'Custom Text Filed with Drop Down',
      home: Scaffold(
        appBar: AppBar(
          backgroundColor: Colors.white,
          title: Text("Custom Text Field and Dropdown"),
        ),
        body: Padding(
          padding: EdgeInsets.all(10),
          child: Column(
            children: [
              SizedBox(height: 30),

              /// text filed with fill color and without border color
              CustomTextFieldWithDropDown(
                controller: _controller,
                fillColor: Color(0xFFE4E4E4),
                borderColor: Colors.transparent,
                hintText: "Enter confirm password",
                prefixIcon: Icons.person_3_outlined,
                showObscure: false,
              ),

              SizedBox(height: 30),

              /// text filed with fill color and without border color
              CustomTextFieldWithDropDown(
                iconColor: Colors.red,
                suffixIcon: Icon(Icons.insert_emoticon_sharp),
                controller: _controller,
                fillColor: Colors.cyan,
                borderColor: Colors.transparent,
                hintText: "Enter confirm password",
                prefixIcon: Icons.person_3_outlined,
                showObscure: false,
              ),

              SizedBox(height: 30),

              /// text filed with fill color
              CustomTextFieldWithDropDown(
                controller: _controller,
                fillColor: Color(0xFFE4E4E4),
                borderColor: Colors.green,
                hintText: "Enter confirm password",
                showObscure: true,
              ),

              SizedBox(height: 30),

              /// read only text filed and max line also the border radius
              CustomTextFieldWithDropDown(
                borderRadius: 1.0,
                maxLines: 4,
                readOnly: true,
                controller: _controller,
                fillColor: Color(0xFFE4E4E4),
                borderColor: Colors.green,
                hintText: "Enter confirm password",
                showObscure: false,
              ),
              SizedBox(height: 30),

              /// gradiant with clear button
              CustomTextFieldWithDropDown(
                showClearButton: true,
                clearBtnColor: Colors.red,
                fillGradient: LinearGradient(
                  colors: [Colors.blue, Colors.green],
                  begin: Alignment.topLeft,
                  end: Alignment.bottomRight,
                ),
                controller: _controller,
                borderColor: Colors.green,
                hintText: "Enter confirm password",
                showObscure: false,
              ),
              SizedBox(height: 30),


              /// drop down suggestion
              CustomTextFieldWithDropDown(
                controller: _controller,
                fillColor: Color(0xFFE4E4E4),
                borderColor: Colors.transparent,
                hintText: "Enter your search",
                showObscure: false,
                dropdownShow: true,
                dropdownItems: [
                  "Apple",
                  "Banana",
                  "Cherry",
                  "Date",
                  "Grapes",
                ], // Static items
              ),
            ],
          ),
        ),
      ),
    );
  }
}
6
likes
130
points
83
downloads

Publisher

unverified uploader

Weekly Downloads

A new Flutter package for Custom Text Filed and Drop Down Widget.

Documentation

API reference

License

MIT (license)

Dependencies

flutter, get, google_fonts

More

Packages that depend on custom_text_field_with_drop_down