Flutter TextField

textfield.dart

TextEditingController controller = TextEditingController();



TextField(
  keyboardType: TextInputType.number,
  textCapitalization: TextCapitalization.sentences,
  textAlign: TextAlign.center,
  style: TextStyle(color: Colors.red, fontWeight: FontWeight.w300),
  cursorColor: Colors.red,
  cursorRadius: Radius.circular(16.0),
  cursorWidth: 16.0,
  maxLength: 4,
   obscureText: true,
  decoration: InputDecoration(
    icon: Icon(Icons.print)
    border: OutlineInputBorder()
  ),
  textInputAction: TextInputAction.continueAction,
  onChanged: (text) {
    value = text;
  },
  controller: controller,
  onEditingComplete: () {},
  onSubmitted: (value) {},
  autofocus: true,
  
)
  
  
  
#Working with custom focus changes
# Initialise outside the build method
FocusNode nodeOne = FocusNode();
FocusNode nodeTwo = FocusNode();
// Do this inside the build method
TextField(
  focusNode: nodeOne,
  decoration: InputDecoration(
    hintText: "Demo Text",
    hintStyle: TextStyle(fontWeight: FontWeight.w300, color: Colors.red)
  
),
TextField(
  focusNode: nodeTwo,
),
RaisedButton(
  onPressed: () {
    FocusScope.of(context).requestFocus(nodeTwo);
  },
  child: Text("Next Field"),
),