copyWith method

  1. @useResult
FThemeData copyWith({
  1. String? debugLabel,
  2. FBreakpoints? breakpoints,
  3. FColors? colors,
  4. FTypography? typography,
  5. FStyle style(
    1. FStyle style
    )?,
  6. FAccordionStyle accordionStyle(
    1. FAccordionStyle style
    )?,
  7. FAutocompleteStyle autocompleteStyle(
    1. FAutocompleteStyle style
    )?,
  8. FAlertStyles alertStyles(
    1. FAlertStyles style
    )?,
  9. FAvatarStyle avatarStyle(
    1. FAvatarStyle style
    )?,
  10. FBadgeStyles badgeStyles(
    1. FBadgeStyles style
    )?,
  11. FBottomNavigationBarStyle bottomNavigationBarStyle(
    1. FBottomNavigationBarStyle style
    )?,
  12. FBreadcrumbStyle breadcrumbStyle(
    1. FBreadcrumbStyle style
    )?,
  13. FButtonStyles buttonStyles(
    1. FButtonStyles style
    )?,
  14. FCalendarStyle calendarStyle(
    1. FCalendarStyle style
    )?,
  15. FCardStyle cardStyle(
    1. FCardStyle style
    )?,
  16. FCheckboxStyle checkboxStyle(
    1. FCheckboxStyle style
    )?,
  17. FCircularProgressStyle circularProgressStyle(
    1. FCircularProgressStyle style
    )?,
  18. FDateFieldStyle dateFieldStyle(
    1. FDateFieldStyle style
    )?,
  19. FDeterminateProgressStyle determinateProgressStyle(
    1. FDeterminateProgressStyle style
    )?,
  20. FDialogRouteStyle dialogRouteStyle(
    1. FDialogRouteStyle style
    )?,
  21. FDialogStyle dialogStyle(
    1. FDialogStyle style
    )?,
  22. FDividerStyles dividerStyles(
    1. FDividerStyles style
    )?,
  23. FHeaderStyles headerStyles(
    1. FHeaderStyles style
    )?,
  24. FItemStyle itemStyle(
    1. FItemStyle style
    )?,
  25. FItemGroupStyle itemGroupStyle(
    1. FItemGroupStyle style
    )?,
  26. FLabelStyles labelStyles(
    1. FLabelStyles style
    )?,
  27. FLineCalendarStyle lineCalendarStyle(
    1. FLineCalendarStyle style
    )?,
  28. FMultiSelectStyle multiSelectStyle(
    1. FMultiSelectStyle style
    )?,
  29. FModalSheetStyle modalSheetStyle(
    1. FModalSheetStyle style
    )?,
  30. FPaginationStyle paginationStyle(
    1. FPaginationStyle style
    )?,
  31. FPersistentSheetStyle persistentSheetStyle(
    1. FPersistentSheetStyle style
    )?,
  32. FPickerStyle pickerStyle(
    1. FPickerStyle style
    )?,
  33. FPopoverStyle popoverStyle(
    1. FPopoverStyle style
    )?,
  34. FPopoverMenuStyle popoverMenuStyle(
    1. FPopoverMenuStyle style
    )?,
  35. FProgressStyle progressStyle(
    1. FProgressStyle style
    )?,
  36. FRadioStyle radioStyle(
    1. FRadioStyle style
    )?,
  37. FResizableStyle resizableStyle(
    1. FResizableStyle style
    )?,
  38. FScaffoldStyle scaffoldStyle(
    1. FScaffoldStyle style
    )?,
  39. FSelectStyle selectStyle(
    1. FSelectStyle style
    )?,
  40. FSelectGroupStyle selectGroupStyle(
    1. FSelectGroupStyle style
    )?,
  41. FSelectMenuTileStyle selectMenuTileStyle(
    1. FSelectMenuTileStyle style
    )?,
  42. FSidebarStyle sidebarStyle(
    1. FSidebarStyle style
    )?,
  43. FSliderStyles sliderStyles(
    1. FSliderStyles style
    )?,
  44. FToasterStyle toasterStyle(
    1. FToasterStyle style
    )?,
  45. FSwitchStyle switchStyle(
    1. FSwitchStyle style
    )?,
  46. FTabsStyle tabsStyle(
    1. FTabsStyle style
    )?,
  47. FTappableStyle tappableStyle(
    1. FTappableStyle style
    )?,
  48. FTextFieldStyle textFieldStyle(
    1. FTextFieldStyle style
    )?,
  49. FTileStyle tileStyle(
    1. FTileStyle style
    )?,
  50. FTileGroupStyle tileGroupStyle(
    1. FTileGroupStyle style
    )?,
  51. FTimeFieldStyle timeFieldStyle(
    1. FTimeFieldStyle style
    )?,
  52. FTimePickerStyle timePickerStyle(
    1. FTimePickerStyle style
    )?,
  53. FTooltipStyle tooltipStyle(
    1. FTooltipStyle style
    )?,
  54. Iterable<ThemeExtension>? extensions,
})

Returns a copy of this FThemeData with the given properties replaced.

final theme = FThemeData(
  alertStyles: ...,
  avatarStyle: ...,
);

final copy = theme.copyWith(avatarStyle: bar);

print(theme.alertStyles == copy.alertStyles); // true
print(theme.avatarStyle == copy.avatarStyle); // false

To modify colors, typography, and/or style, create a new FThemeData using FThemeData first. This allows the global theme data to propagate to widget-specific theme data.

@override
Widget build(BuildContext context) {
  final theme = FThemeData(
    color: FThemes.zinc.light.colors.copyWith(
      primary: const Color(0xFF0D47A1), // dark blue
      primaryForeground: const Color(0xFFFFFFFF), // white
    ),
    text: FThemes.zinc.light.typography.copyWith(
      defaultFontFamily: 'Roboto',
    ).scale(sizeScalar: 0.8),
    style: FThemes.zinc.light.style.copyWith(
      borderRadius: BorderRadius.zero,
    ),
  );

  return FTheme(
    data: theme.copyWith(
      cardStyle: theme.cardStyle.copyWith(
        decoration: theme.cardStyle.decoration.copyWith(
          borderRadius: const BorderRadius.all(Radius.circular(8)),
        ),
      ),
    ),
    child: const FScaffold(...),
  );
}

Alternatively, consider using the [CLI](forui.dev/docs/cli).

Implementation

@useResult
FThemeData copyWith({
  String? debugLabel,
  FBreakpoints? breakpoints,
  FColors? colors,
  FTypography? typography,
  FStyle Function(FStyle style)? style,
  FAccordionStyle Function(FAccordionStyle style)? accordionStyle,
  FAutocompleteStyle Function(FAutocompleteStyle style)? autocompleteStyle,
  FAlertStyles Function(FAlertStyles style)? alertStyles,
  FAvatarStyle Function(FAvatarStyle style)? avatarStyle,
  FBadgeStyles Function(FBadgeStyles style)? badgeStyles,
  FBottomNavigationBarStyle Function(FBottomNavigationBarStyle style)? bottomNavigationBarStyle,
  FBreadcrumbStyle Function(FBreadcrumbStyle style)? breadcrumbStyle,
  FButtonStyles Function(FButtonStyles style)? buttonStyles,
  FCalendarStyle Function(FCalendarStyle style)? calendarStyle,
  FCardStyle Function(FCardStyle style)? cardStyle,
  FCheckboxStyle Function(FCheckboxStyle style)? checkboxStyle,
  FCircularProgressStyle Function(FCircularProgressStyle style)? circularProgressStyle,
  FDateFieldStyle Function(FDateFieldStyle style)? dateFieldStyle,
  FDeterminateProgressStyle Function(FDeterminateProgressStyle style)? determinateProgressStyle,
  FDialogRouteStyle Function(FDialogRouteStyle style)? dialogRouteStyle,
  FDialogStyle Function(FDialogStyle style)? dialogStyle,
  FDividerStyles Function(FDividerStyles style)? dividerStyles,
  FHeaderStyles Function(FHeaderStyles style)? headerStyles,
  FItemStyle Function(FItemStyle style)? itemStyle,
  FItemGroupStyle Function(FItemGroupStyle style)? itemGroupStyle,
  FLabelStyles Function(FLabelStyles style)? labelStyles,
  FLineCalendarStyle Function(FLineCalendarStyle style)? lineCalendarStyle,
  FMultiSelectStyle Function(FMultiSelectStyle style)? multiSelectStyle,
  FModalSheetStyle Function(FModalSheetStyle style)? modalSheetStyle,
  FPaginationStyle Function(FPaginationStyle style)? paginationStyle,
  FPersistentSheetStyle Function(FPersistentSheetStyle style)? persistentSheetStyle,
  FPickerStyle Function(FPickerStyle style)? pickerStyle,
  FPopoverStyle Function(FPopoverStyle style)? popoverStyle,
  FPopoverMenuStyle Function(FPopoverMenuStyle style)? popoverMenuStyle,
  FProgressStyle Function(FProgressStyle style)? progressStyle,
  FRadioStyle Function(FRadioStyle style)? radioStyle,
  FResizableStyle Function(FResizableStyle style)? resizableStyle,
  FScaffoldStyle Function(FScaffoldStyle style)? scaffoldStyle,
  FSelectStyle Function(FSelectStyle style)? selectStyle,
  FSelectGroupStyle Function(FSelectGroupStyle style)? selectGroupStyle,
  FSelectMenuTileStyle Function(FSelectMenuTileStyle style)? selectMenuTileStyle,
  FSidebarStyle Function(FSidebarStyle style)? sidebarStyle,
  FSliderStyles Function(FSliderStyles style)? sliderStyles,
  FToasterStyle Function(FToasterStyle style)? toasterStyle,
  FSwitchStyle Function(FSwitchStyle style)? switchStyle,
  FTabsStyle Function(FTabsStyle style)? tabsStyle,
  FTappableStyle Function(FTappableStyle style)? tappableStyle,
  FTextFieldStyle Function(FTextFieldStyle style)? textFieldStyle,
  FTileStyle Function(FTileStyle style)? tileStyle,
  FTileGroupStyle Function(FTileGroupStyle style)? tileGroupStyle,
  FTimeFieldStyle Function(FTimeFieldStyle style)? timeFieldStyle,
  FTimePickerStyle Function(FTimePickerStyle style)? timePickerStyle,
  FTooltipStyle Function(FTooltipStyle style)? tooltipStyle,
  Iterable<ThemeExtension<dynamic>>? extensions,
}) => FThemeData(
  debugLabel: debugLabel ?? this.debugLabel,
  breakpoints: breakpoints ?? this.breakpoints,
  colors: colors ?? this.colors,
  typography: typography ?? this.typography,
  style: style != null ? style(this.style) : this.style,
  accordionStyle: accordionStyle != null ? accordionStyle(this.accordionStyle) : this.accordionStyle,
  autocompleteStyle: autocompleteStyle != null ? autocompleteStyle(this.autocompleteStyle) : this.autocompleteStyle,
  alertStyles: alertStyles != null ? alertStyles(this.alertStyles) : this.alertStyles,
  avatarStyle: avatarStyle != null ? avatarStyle(this.avatarStyle) : this.avatarStyle,
  badgeStyles: badgeStyles != null ? badgeStyles(this.badgeStyles) : this.badgeStyles,
  bottomNavigationBarStyle: bottomNavigationBarStyle != null
      ? bottomNavigationBarStyle(this.bottomNavigationBarStyle)
      : this.bottomNavigationBarStyle,
  breadcrumbStyle: breadcrumbStyle != null ? breadcrumbStyle(this.breadcrumbStyle) : this.breadcrumbStyle,
  buttonStyles: buttonStyles != null ? buttonStyles(this.buttonStyles) : this.buttonStyles,
  calendarStyle: calendarStyle != null ? calendarStyle(this.calendarStyle) : this.calendarStyle,
  cardStyle: cardStyle != null ? cardStyle(this.cardStyle) : this.cardStyle,
  checkboxStyle: checkboxStyle != null ? checkboxStyle(this.checkboxStyle) : this.checkboxStyle,
  circularProgressStyle: circularProgressStyle != null
      ? circularProgressStyle(this.circularProgressStyle)
      : this.circularProgressStyle,
  dateFieldStyle: dateFieldStyle != null ? dateFieldStyle(this.dateFieldStyle) : this.dateFieldStyle,
  determinateProgressStyle: determinateProgressStyle != null
      ? determinateProgressStyle(this.determinateProgressStyle)
      : this.determinateProgressStyle,
  dialogRouteStyle: dialogRouteStyle != null ? dialogRouteStyle(this.dialogRouteStyle) : this.dialogRouteStyle,
  dialogStyle: dialogStyle != null ? dialogStyle(this.dialogStyle) : this.dialogStyle,
  dividerStyles: dividerStyles != null ? dividerStyles(this.dividerStyles) : this.dividerStyles,
  headerStyles: headerStyles != null ? headerStyles(this.headerStyles) : this.headerStyles,
  itemStyle: itemStyle != null ? itemStyle(this.itemStyle) : this.itemStyle,
  itemGroupStyle: itemGroupStyle != null ? itemGroupStyle(this.itemGroupStyle) : this.itemGroupStyle,
  labelStyles: labelStyles != null ? labelStyles(this.labelStyles) : this.labelStyles,
  lineCalendarStyle: lineCalendarStyle != null ? lineCalendarStyle(this.lineCalendarStyle) : this.lineCalendarStyle,
  multiSelectStyle: multiSelectStyle != null ? multiSelectStyle(this.multiSelectStyle) : this.multiSelectStyle,
  modalSheetStyle: modalSheetStyle != null ? modalSheetStyle(this.modalSheetStyle) : this.modalSheetStyle,
  paginationStyle: paginationStyle != null ? paginationStyle(this.paginationStyle) : this.paginationStyle,
  persistentSheetStyle: persistentSheetStyle != null
      ? persistentSheetStyle(this.persistentSheetStyle)
      : this.persistentSheetStyle,
  pickerStyle: pickerStyle != null ? pickerStyle(this.pickerStyle) : this.pickerStyle,
  popoverStyle: popoverStyle != null ? popoverStyle(this.popoverStyle) : this.popoverStyle,
  popoverMenuStyle: popoverMenuStyle != null ? popoverMenuStyle(this.popoverMenuStyle) : this.popoverMenuStyle,
  progressStyle: progressStyle != null ? progressStyle(this.progressStyle) : this.progressStyle,
  radioStyle: radioStyle != null ? radioStyle(this.radioStyle) : this.radioStyle,
  resizableStyle: resizableStyle != null ? resizableStyle(this.resizableStyle) : this.resizableStyle,
  scaffoldStyle: scaffoldStyle != null ? scaffoldStyle(this.scaffoldStyle) : this.scaffoldStyle,
  selectStyle: selectStyle != null ? selectStyle(this.selectStyle) : this.selectStyle,
  selectGroupStyle: selectGroupStyle != null ? selectGroupStyle(this.selectGroupStyle) : this.selectGroupStyle,
  selectMenuTileStyle: selectMenuTileStyle != null
      ? selectMenuTileStyle(this.selectMenuTileStyle)
      : this.selectMenuTileStyle,
  sidebarStyle: sidebarStyle != null ? sidebarStyle(this.sidebarStyle) : this.sidebarStyle,
  sliderStyles: sliderStyles != null ? sliderStyles(this.sliderStyles) : this.sliderStyles,
  toasterStyle: toasterStyle != null ? toasterStyle(this.toasterStyle) : this.toasterStyle,
  switchStyle: switchStyle != null ? switchStyle(this.switchStyle) : this.switchStyle,
  tabsStyle: tabsStyle != null ? tabsStyle(this.tabsStyle) : this.tabsStyle,
  tappableStyle: tappableStyle != null ? tappableStyle(this.tappableStyle) : this.tappableStyle,
  textFieldStyle: textFieldStyle != null ? textFieldStyle(this.textFieldStyle) : this.textFieldStyle,
  tileStyle: tileStyle != null ? tileStyle(this.tileStyle) : this.tileStyle,
  tileGroupStyle: tileGroupStyle != null ? tileGroupStyle(this.tileGroupStyle) : this.tileGroupStyle,
  timeFieldStyle: timeFieldStyle != null ? timeFieldStyle(this.timeFieldStyle) : this.timeFieldStyle,
  timePickerStyle: timePickerStyle != null ? timePickerStyle(this.timePickerStyle) : this.timePickerStyle,
  tooltipStyle: tooltipStyle != null ? tooltipStyle(this.tooltipStyle) : this.tooltipStyle,
  extensions: extensions ?? this.extensions,
);