Тип клавиатуры у TextField в Flutter
На телефоне клавиатура подстраивается
под тип данных. У
TextField
параметр keyboardType принимает
значения TextInputType и подсказывает
системе, какие клавиши показать.
Для возраста, количества или кода удобен
TextInputType.number - чаще
цифровая раскладка. Для почты удобен
TextInputType.emailAddress: он
добавляет символ '@' и точку на
клавиатуре, что ускоряет ввод почты.
Это не проверка формата, только подсказка
клавиатуре:
import 'package:flutter/material.dart';
void main() {
runApp(const MaterialApp(home: HomePage()));
}
class HomePage extends StatelessWidget {
const HomePage({super.key});
@override
Widget build(BuildContext context) {
return Scaffold(
body: Padding(
padding: const EdgeInsets.all(16),
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: const [
TextField(
keyboardType: TextInputType.number,
decoration: InputDecoration(
labelText: 'Age',
border: OutlineInputBorder(),
),
),
SizedBox(height: 12),
TextField(
keyboardType: TextInputType.emailAddress,
decoration: InputDecoration(
labelText: 'Mail',
border: OutlineInputBorder(),
),
),
],
),
),
);
}
}
Разместите два поля:
Column(
children: [
TextField(
keyboardType: TextInputType.number,
decoration: InputDecoration(labelText: 'Amount'),
),
TextField(
keyboardType: TextInputType.emailAddress,
decoration: InputDecoration(labelText: 'E-mail'),
),
],
)
Проверьте на эмуляторе, что клавиатуры различаются.