Создаем портфолио за 1 месяц
К концу месяца: 4 классных проекта в вашем портфолио! Стоимость: 100$. Подробности...
⊗flPmFdKb 75 of 125 menu
◀ ▶

Тип клавиатуры у 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'), ), ], )

Проверьте на эмуляторе, что клавиатуры различаются.

← →
↑
Мы используем cookie для работы сайта, аналитики и персонализации. Обработка данных происходит согласно Политике конфиденциальности.
принять все настроить отклонить