Focus a text field when a button is tapped:: Focus a text field as soon as an application starts:: Passage of focus on next TextFormField after tapping . Create a TextEditingController. TextField class - material library - Dart API - Flutter A widget that can make FocusNode lose focus. Example 1: flutter unfocus textfield FocusScope.of(context).unfocus(); Example 2: remove focus textfield flutter // main.dart import 'package:flutter/material.dart'; Check empty value on press button. How to Add Drop Shadow Effect in Flutter TextField - YouTube I couldn't find a way to disable it for that specific widget but you can make it transparent by wrapping your TextField in a Theme widget and setting the splashColor to transparent: Once that happens, text entered with the keyboard flows to that part of the application until the focus moves . Example: TextField( decoration: InputDecoration . Step 2: On Tap Dismiss the keyboard. One way is to use the autofocus property of the TextField widget. 15 Flutter: Changing icon color onfocus. style: TextStyle (fontSize: 23) Using this line, we can change the decoration of the input Flutter textfield text. NicoleZ Published at Dev. Next, call myapp class by implementing the void main runapp () method. Flutter - Managing Form Input Focus - GeeksforGeeks Tìm hiểu sâu hơn về TextField trong Flutter - Viblo class MyApp extends StatelessWidget { @override Widget build (BuildContext context) { return MaterialApp ( title: 'Demo App', theme: ThemeData ( brightness: Brightness.light, // default value ), home . OutlineInputBorder myinputborder(){ //return type is OutlineInputBorder return OutlineInputBorder . FocusScope.of (context).nextFocus () Example Preview. Flutter textfield background color on focus - Stack Overflow TextField( decoration: InputDecoration( fillColor: Colors.blue.shade100, filled: true, hintText: 'Hello', errorText: 'error'), ); Build scaffold widget in safe area widget and center them in the myapp class. Focus. In the beginning, the underline is grey and thin. 08 Flutter: Tab Navigation. Flutter textfield background color on focus It looks like it's caused by the splash effect on the textfield. TextFormField( decoration: InputDecoration( labelText: "Resevior Name", fillColor: Colors.white, focusedBorder:OutlineInputBorder( borderSide: const BorderSide(color . 15 Flutter: Changing icon color onfocus - GitBook Basic TextField. 08 Flutter: Tab Navigation. A quick code snippet to change the cursor color of TextField is shown below: TextField( // other properties cursorColor: Colors.red, ), Example: Change TextField Cursor Color. We can change gradient color, animation, OnClick event, icon, etc from this widget code.