FluentAutoSuggestThemeData class
Theme extension for customizing FluentAutoSuggestBox appearance
Use this to customize the visual appearance of the auto suggest box without modifying the widget directly.
Example usage:
MaterialApp(
theme: ThemeData(
extensions: [
FluentAutoSuggestThemeData(
designSystem: AutoSuggestDesignSystem.material,
textFieldDecoration: InputDecoration(
border: OutlineInputBorder(),
filled: true,
),
overlayBackgroundColor: Colors.white,
overlayBorderRadius: 8.0,
),
],
),
)
- Inheritance
-
- Object
- ThemeExtension<
FluentAutoSuggestThemeData> - FluentAutoSuggestThemeData
Constructors
-
FluentAutoSuggestThemeData({AutoSuggestDesignSystem designSystem = AutoSuggestDesignSystem.fluent, InputDecoration? textFieldDecoration, TextStyle? textFieldStyle, Color? textFieldCursorColor, double? textFieldCursorWidth, double? textFieldCursorHeight, Radius? textFieldCursorRadius, Color? textFieldFillColor, double? textFieldBorderRadius, Color? overlayBackgroundColor, Color? overlayCardColor, double? overlayBorderRadius, List<
BoxShadow> ? overlayShadows, double? overlayElevation, Color? itemBackgroundColor, Color? itemSelectedBackgroundColor, Color? itemHoverBackgroundColor, TextStyle? itemTextStyle, TextStyle? itemSelectedTextStyle, TextStyle? itemSubtitleTextStyle, EdgeInsetsGeometry? itemPadding, double? itemHeight, Color? loadingIndicatorColor, TextStyle? loadingTextStyle, TextStyle? noResultsTextStyle, TextStyle? noResultsSubtitleTextStyle, IconData? noResultsIcon, Color? noResultsIconColor, Color? iconColor, Color? clearButtonColor, Color? dropdownIconColor, TextDirection? textDirection, bool rtlMirrorIcons = true, bool rtlMirrorLayout = true}) -
const
Properties
- clearButtonColor → Color?
-
Clear button color
final
- designSystem → AutoSuggestDesignSystem
-
The design system to use for input components
final
- dropdownIconColor → Color?
-
Dropdown icon color
final
- hashCode → int
-
The hash code for this object.
no setterinherited
- iconColor → Color?
-
Default icon color
final
- itemBackgroundColor → Color?
-
Background color for items
final
- itemHeight → double?
-
Height of each item
final
- itemHoverBackgroundColor → Color?
-
Background color for hovered items
final
- itemPadding → EdgeInsetsGeometry?
-
Padding for items
final
- itemSelectedBackgroundColor → Color?
-
Background color for selected items
final
- itemSelectedTextStyle → TextStyle?
-
Text style for selected item labels
final
- itemSubtitleTextStyle → TextStyle?
-
Text style for item subtitles
final
- itemTextStyle → TextStyle?
-
Text style for item labels
final
- loadingIndicatorColor → Color?
-
Color of the loading indicator
final
- loadingTextStyle → TextStyle?
-
Text style for loading message
final
- noResultsIcon → IconData?
-
Custom icon for no results state
final
- noResultsIconColor → Color?
-
Color for the no results icon
final
- noResultsSubtitleTextStyle → TextStyle?
-
Text style for "no results" subtitle
final
- noResultsTextStyle → TextStyle?
-
Text style for "no results" message
final
- overlayBackgroundColor → Color?
-
Background color of the overlay
final
- overlayBorderRadius → double?
-
Border radius of the overlay
final
- overlayCardColor → Color?
-
Card color inside the overlay
final
- overlayElevation → double?
-
Elevation for the overlay (Material style)
final
-
overlayShadows
→ List<
BoxShadow> ? -
Custom shadows for the overlay
final
- rtlMirrorIcons → bool
-
Whether to mirror icons in RTL mode
final
- rtlMirrorLayout → bool
-
Whether to mirror the layout in RTL mode
final
- runtimeType → Type
-
A representation of the runtime type of the object.
no setterinherited
- textDirection → TextDirection?
-
Text direction for the widget (ltr or rtl)
final
- textFieldBorderRadius → double?
-
Border radius for the text field
final
- textFieldCursorColor → Color?
-
Cursor color
final
- textFieldCursorHeight → double?
-
Cursor height
final
- textFieldCursorRadius → Radius?
-
Cursor radius
final
- textFieldCursorWidth → double?
-
Cursor width
final
- textFieldDecoration → InputDecoration?
-
Custom decoration for the text field (Material only)
final
- textFieldFillColor → Color?
-
Fill color for the text field
final
- textFieldStyle → TextStyle?
-
Text style for the input
final
- type → Object
-
The extension's type.
no setterinherited
Methods
-
copyWith(
{AutoSuggestDesignSystem? designSystem, InputDecoration? textFieldDecoration, TextStyle? textFieldStyle, Color? textFieldCursorColor, double? textFieldCursorWidth, double? textFieldCursorHeight, Radius? textFieldCursorRadius, Color? textFieldFillColor, double? textFieldBorderRadius, Color? overlayBackgroundColor, Color? overlayCardColor, double? overlayBorderRadius, List< BoxShadow> ? overlayShadows, double? overlayElevation, Color? itemBackgroundColor, Color? itemSelectedBackgroundColor, Color? itemHoverBackgroundColor, TextStyle? itemTextStyle, TextStyle? itemSelectedTextStyle, TextStyle? itemSubtitleTextStyle, EdgeInsetsGeometry? itemPadding, double? itemHeight, Color? loadingIndicatorColor, TextStyle? loadingTextStyle, TextStyle? noResultsTextStyle, TextStyle? noResultsSubtitleTextStyle, IconData? noResultsIcon, Color? noResultsIconColor, Color? iconColor, Color? clearButtonColor, Color? dropdownIconColor, TextDirection? textDirection, bool? rtlMirrorIcons, bool? rtlMirrorLayout}) → FluentAutoSuggestThemeData -
Creates a copy of this theme extension with the given fields
replaced by the non-null parameter values.
override
-
lerp(
covariant ThemeExtension< FluentAutoSuggestThemeData> ? other, double t) → FluentAutoSuggestThemeData -
Linearly interpolate with another ThemeExtension object.
override
-
noSuchMethod(
Invocation invocation) → dynamic -
Invoked when a nonexistent method or property is accessed.
inherited
-
toString(
) → String -
A string representation of this object.
inherited
Operators
-
operator ==(
Object other) → bool -
The equality operator.
inherited
Static Methods
-
dark(
) → FluentAutoSuggestThemeData - Default dark theme
-
light(
) → FluentAutoSuggestThemeData - Default light theme
-
material(
{bool isDark = false}) → FluentAutoSuggestThemeData - Material theme preset
-
materialRtl(
{bool isDark = false}) → FluentAutoSuggestThemeData - RTL Material theme preset
-
rtl(
{bool isDark = false}) → FluentAutoSuggestThemeData - RTL theme preset for right-to-left languages (Arabic, Hebrew, etc.)