OutlinedButton class

A button with a visible border outline.

The OutlinedButton has a transparent background with a visible border, making it suitable for secondary actions that need more visual weight than a HyperlinkButton but less prominence than a FilledButton.

{@tool snippet} This example shows a basic outlined button:

OutlinedButton(
  child: Text('Cancel'),
  onPressed: () => Navigator.pop(context),
)

{@end-tool}

{@tool snippet} This example shows outlined buttons used alongside a filled button:

Row(
  children: [
    OutlinedButton(
      child: Text('Previous'),
      onPressed: () => goBack(),
    ),
    SizedBox(width: 8),
    FilledButton(
      child: Text('Next'),
      onPressed: () => goNext(),
    ),
  ],
)

{@end-tool}

See also:

• Button, a standard button with a subtle background
• FilledButton, an accent-colored button for primary actions
• HyperlinkButton, a borderless button styled like a hyperlink
• learn.microsoft.com/en-us/windows/apps/design/controls/buttons

Inheritance

• Object
• DiagnosticableTree
• Widget
• StatefulWidget
• BaseButton
• OutlinedButton

Constructors

OutlinedButton({required Widget child, required GestureTapCallback? onPressed, Key? key, GestureLongPressCallback? onLongPress, GestureTapDownCallback? onTapDown, GestureTapUpCallback? onTapUp, FocusNode? focusNode, bool autofocus = false, ButtonStyle? style, bool focusable = true})

Creates an outlined button.

const

Properties

autofocus → bool

True if this widget will be selected as the initial focus when no other node in its scope is currently focused.

final, inherited

child → Widget

Typically the button's label.

final, inherited

enabled → bool

Whether the button is enabled or disabled.

no setter, inherited

focusable → bool

Whether this button can be focused.

final, inherited

focusNode → FocusNode?

An optional focus node to use as the focus node for this widget.

final, inherited

hashCode → int

The hash code for this object.

no setter, inherited

key → Key?

Controls how one widget replaces another widget in the tree.

final, inherited

onLongPress → GestureLongPressCallback?

Called when the button is long-pressed.

final, inherited

onPressed → GestureLongPressCallback?

Called when the button is tapped or otherwise activated.

final, inherited

onTapDown → GestureTapDownCallback?

Called when the button is pressed.

final, inherited

onTapUp → GestureTapUpCallback?

Called when the button is released.

final, inherited

runtimeType → Type

A representation of the runtime type of the object.

no setter, inherited

style → ButtonStyle?

Customizes this button's appearance.

final, inherited

Methods

createElement() → StatefulElement

Creates a StatefulElement to manage this widget's location in the tree.

inherited

createState() → State<BaseButton>

Creates the mutable state for this widget at a given location in the tree.

inherited

debugDescribeChildren() → List<DiagnosticsNode>

Returns a list of DiagnosticsNode objects describing this node's children.

inherited

debugFillProperties(DiagnosticPropertiesBuilder properties) → void

Add additional properties associated with the node.

inherited

defaultStyleOf(BuildContext context) → ButtonStyle

Returns the default style for this button type based on the context.

override

noSuchMethod(Invocation invocation) → dynamic

Invoked when a nonexistent method or property is accessed.

inherited

themeStyleOf(BuildContext context) → ButtonStyle?

Returns the theme style for this button type, if defined.

override

toDiagnosticsNode({String? name, DiagnosticsTreeStyle? style}) → DiagnosticsNode

Returns a debug representation of the object that is used by debugging tools and by DiagnosticsNode.toStringDeep.

inherited

toString({DiagnosticLevel minLevel = DiagnosticLevel.info}) → String

A string representation of this object.

inherited

toStringDeep({String prefixLineOne = '', String? prefixOtherLines, DiagnosticLevel minLevel = DiagnosticLevel.debug, int wrapWidth = 65}) → String

Returns a string representation of this node and its descendants.

inherited

toStringShallow({String joiner = ', ', DiagnosticLevel minLevel = DiagnosticLevel.debug}) → String

Returns a one-line detailed description of the object.

inherited

toStringShort() → String

A short, textual description of this widget.

inherited

Operators

operator ==(Object other) → bool

The equality operator.

inherited