Foundation

Focused Outline

An outline around a focused widget that does not affect its layout.

1@override
2Widget build(BuildContext context) => FFocusedOutline(
3 focused: true,
4 child: Container(
5 decoration: BoxDecoration(
6 color: context.theme.colors.primary,
7 borderRadius: .circular(8),
8 ),
9 padding: const .symmetric(vertical: 8.0, horizontal: 12),
10 child: Text(
11 'Focused',
12 style: context.theme.typography.base.copyWith(
13 color: context.theme.colors.primaryForeground,
14 ),
15 ),
16 ),
17);
18

Usage

FFocusedOutline(...)

1FFocusedOutline(
2 style: .delta(color: Color(0xFF000000)),
3 focused: true,
4 child: Placeholder(),
5)

On this page