Класс UnderlineInputBorder

Класс UnderlineInputBorder реализует InputBorder для InputDecoration.

Синтаксис

UnderlineInputBorder()

Параметры

Параметр	Описание
`borderSide`	Цвет и толщина линии под полем. Принимает `BorderSide`.
`borderRadius`	Скругление концов линии. Принимает `BorderRadius`.

Пример

Давайте применим рамку:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: Center(
					child: TextField(decoration: const InputDecoration(labelText: 'abcde', border: UnderlineInputBorder())),
				),
			),
		),
	);
}

На экране поле с выбранным контуром.

Пример

Давайте повторим:

import 'package:flutter/material.dart';

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

На экране поле с другой подписью или подсказкой.

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

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