Класс OutlineInputBorder

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

Синтаксис

OutlineInputBorder(borderRadius: BorderRadius.circular(8))

Параметры

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

Пример

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

import 'package:flutter/material.dart';

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

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

Пример

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

import 'package:flutter/material.dart';

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

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

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

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