Flutter TextField Get Only Capital Value From Keypad

In flutter TextField has a property textCapitalization. textCapitalization enables controls on soft keypad in mobile device and decides in which CAPS mode keypad will open like CAPS on or off. It is mostly used when we want to get only Capitalized value from TextField.

Flutter TextField Get Only Capital Value From Keypad

1. Creating TextField and define textCapitalization with TextCapitalization.characters property to enable CAPS lock in mobile keypad.

TextField(
            controller: nameController,
            textCapitalization: TextCapitalization.characters,
            decoration: const InputDecoration(hintText: 'Type Name Here...'),
          )

Screenshot:

Source code for main.dart file:

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  final nameController = TextEditingController();
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        home: Scaffold(
            body: Center(
      child: Container(
          // width: 260,
          padding: const EdgeInsets.all(12.0),
          child: TextField(
            controller: nameController,
            textCapitalization: TextCapitalization.characters,
            decoration: const InputDecoration(hintText: 'Type Name Here...'),
          )),
    )));
  }
}