Виджет AutofillGroup
Виджет AutofillGroup оборачивает несколько полей с autofillHints. Платформа подставляет сохранённые логин и пароль разом.
Синтаксис
AutofillGroup(
child: Column(
children: [
TextField(autofillHints: [AutofillHints.username]),
],
),
)
Параметры
| Параметр | Описание |
|---|---|
child |
Поддерево с полями, у которых заданы autofillHints. |
Пример
Давайте сгруппируем два поля автозаполнения:
import 'package:flutter/material.dart';
void main()
{
runApp(
MaterialApp(
home: Scaffold(
body: Center(
child: AutofillGroup(
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
TextField(
autofillHints: const [AutofillHints.username],
decoration: const InputDecoration(labelText: 'abcde'),
),
TextField(
autofillHints: const [AutofillHints.password],
obscureText: true,
decoration: const InputDecoration(labelText: '12345'),
),
],
),
),
),
),
),
);
}
На экране два поля с подписями, система может предложить сохранённые данные для пары.
Пример
Давайте добавим одно поле email:
import 'package:flutter/material.dart';
void main()
{
runApp(
MaterialApp(
home: Scaffold(
body: Center(
child: AutofillGroup(
child: TextField(
autofillHints: const [AutofillHints.email],
keyboardType: TextInputType.emailAddress,
decoration: const InputDecoration(hintText: 'abcde'),
),
),
),
),
),
);
}
На экране поле email с клавиатурой для адреса и подсказкой автозаполнения.
Смотрите также
-
виджет
TextField,
который принимает текст с клавиатуры -
класс
TextInputType,
который выбирает тип клавиатуры -
класс
InputDecoration,
который задаёт подпись и рамку поля -
виджет
Form,
который объединяет поля формы