Beauty Textfield
Inspired By A #dribbble shot by Prekesh
Usage
Basic Textfield
BeautyTextfield( width: double.maxFinite, height: 60, duration: Duration(milliseconds: 300), inputType: TextInputType.text, prefixIcon: Icon(Icons.lock_outline), suffixIcon: Icon(Icons.remove_red_eye), placeholder: "With Suffic Icon", onTap: () { print('Click'); }, onChanged: (text) { print(text); }, onSubmitted: (data) { print(data.length); }, ),
Dart
Advance Texfield
BeautyTextfield( width: double.maxFinite, //REQUIRED height: 60, //REQUIRED accentColor: Colors.white, // On Focus Color textColor: Colors.purple, //Text Color backgroundColor: Colors.deepPurple, //Not Focused Color textBaseline: TextBaseline.alphabetic, autocorrect: false, autofocus: false, enabled: true, // Textfield enabled focusNode: FocusNode(), fontFamily: 'Righteous', //Text Fontfamily fontStyle: FontStyle.italic, fontWeight: FontWeight.w200, maxLength: 10, minLines: 1, maxLines: 2, wordSpacing: 2, margin: EdgeInsets.all(10), cornerRadius: BorderRadius.all(Radius.circular(15)), duration: Duration(milliseconds: 300), inputType: TextInputType.text, //REQUIRED placeholder: "Without Suffic Icon", isShadow: true, obscureText: false, prefixIcon: Icon(Icons.lock_outline), //REQUIRED suffixIcon: Icon(Icons.remove_red_eye), onClickSuffix: () { print('Suffix Clicked'); }, onTap: () { print('Click'); }, onChanged: (text) { print(text); }, onSubmitted: (data) { print(data.length); }, ),
GitHub
BeautyTextfield made with Flutter — Read More
Latest commit to the master branch on 6-19-2019
Download as zip