Метод collapsed

Метод collapsed класса InputDecoration собирает компактное оформление поля. Снаружи нет рамки и плавающей подписи. Внутри остаётся текст и необязательная подсказка.

Синтаксис

InputDecoration.collapsed(hintText: 'abcde')

Параметры

Параметр	Описание
`hintText`	Подсказка внутри пустого поля.

Пример

Давайте выведем поле:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: Center(
					child: TextField(decoration: InputDecoration.collapsed(hintText: 'abcde')),
				),
			),
		),
	);
}

На экране компактное поле с подсказкой 'abcde'.

Пример

Давайте сменим подсказку:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: Center(
					child: TextField(decoration: InputDecoration.collapsed(hintText: '12345')),
				),
			),
		),
	);
}

На экране подсказка '12345'.

Смотрите также

класс InputDecoration,
который задаёт подпись и рамку поля
метод copyWith,
который копирует оформление с изменениями
виджет TextField,
который принимает текст с клавиатуры
класс OutlineInputBorder,
который рисует рамку вокруг поля