copyWith method

  1. @useResult
FThemeData copyWith({
  1. FAccordionStyle? accordionStyle,
  2. FAlertStyles? alertStyles,
  3. FAvatarStyle? avatarStyle,
  4. FBadgeStyles? badgeStyles,
  5. FBottomNavigationBarStyle? bottomNavigationBarStyle,
  6. FBreadcrumbStyle? breadcrumbStyle,
  7. FButtonStyles? buttonStyles,
  8. FCalendarStyle? calendarStyle,
  9. FCardStyle? cardStyle,
  10. FCheckboxStyle? checkboxStyle,
  11. FDateFieldStyle? dateFieldStyle,
  12. FDialogStyle? dialogStyle,
  13. FDividerStyles? dividerStyles,
  14. FHeaderStyles? headerStyles,
  15. FLabelStyles? labelStyles,
  16. FLineCalendarStyle? lineCalendarStyle,
  17. FPaginationStyle? paginationStyle,
  18. FPickerStyle? pickerStyle,
  19. FPopoverStyle? popoverStyle,
  20. FPopoverMenuStyle? popoverMenuStyle,
  21. FProgressStyles? progressStyles,
  22. FRadioStyle? radioStyle,
  23. FResizableStyle? resizableStyle,
  24. FScaffoldStyle? scaffoldStyle,
  25. FSelectStyle? selectStyle,
  26. FSelectGroupStyle? selectGroupStyle,
  27. FSelectMenuTileStyle? selectMenuTileStyle,
  28. FSheetStyle? sheetStyle,
  29. FSidebarStyle? sidebarStyle,
  30. FSliderStyles? sliderStyles,
  31. FToasterStyle? toasterStyle,
  32. FSwitchStyle? switchStyle,
  33. FTabsStyle? tabsStyle,
  34. FTappableStyle? tappableStyle,
  35. FTextFieldStyle? textFieldStyle,
  36. FTileGroupStyle? tileGroupStyle,
  37. FTimeFieldStyle? timeFieldStyle,
  38. FTooltipStyle? tooltipStyle,
})

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({
  FAccordionStyle? accordionStyle,
  FAlertStyles? alertStyles,
  FAvatarStyle? avatarStyle,
  FBadgeStyles? badgeStyles,
  FBottomNavigationBarStyle? bottomNavigationBarStyle,
  FBreadcrumbStyle? breadcrumbStyle,
  FButtonStyles? buttonStyles,
  FCalendarStyle? calendarStyle,
  FCardStyle? cardStyle,
  FCheckboxStyle? checkboxStyle,
  FDateFieldStyle? dateFieldStyle,
  FDialogStyle? dialogStyle,
  FDividerStyles? dividerStyles,
  FHeaderStyles? headerStyles,
  FLabelStyles? labelStyles,
  FLineCalendarStyle? lineCalendarStyle,
  FPaginationStyle? paginationStyle,
  FPickerStyle? pickerStyle,
  FPopoverStyle? popoverStyle,
  FPopoverMenuStyle? popoverMenuStyle,
  FProgressStyles? progressStyles,
  FRadioStyle? radioStyle,
  FResizableStyle? resizableStyle,
  FScaffoldStyle? scaffoldStyle,
  FSelectStyle? selectStyle,
  FSelectGroupStyle? selectGroupStyle,
  FSelectMenuTileStyle? selectMenuTileStyle,
  FSheetStyle? sheetStyle,
  FSidebarStyle? sidebarStyle,
  FSliderStyles? sliderStyles,
  FToasterStyle? toasterStyle,
  FSwitchStyle? switchStyle,
  FTabsStyle? tabsStyle,
  FTappableStyle? tappableStyle,
  FTextFieldStyle? textFieldStyle,
  FTileGroupStyle? tileGroupStyle,
  FTimeFieldStyle? timeFieldStyle,
  FTooltipStyle? tooltipStyle,
}) => FThemeData(
  colors: colors,
  typography: typography,
  style: style,
  accordionStyle: accordionStyle ?? this.accordionStyle,
  alertStyles: alertStyles ?? this.alertStyles,
  avatarStyle: avatarStyle ?? this.avatarStyle,
  badgeStyles: badgeStyles ?? this.badgeStyles,
  bottomNavigationBarStyle: bottomNavigationBarStyle ?? this.bottomNavigationBarStyle,
  breadcrumbStyle: breadcrumbStyle ?? this.breadcrumbStyle,
  buttonStyles: buttonStyles ?? this.buttonStyles,
  calendarStyle: calendarStyle ?? this.calendarStyle,
  cardStyle: cardStyle ?? this.cardStyle,
  checkboxStyle: checkboxStyle ?? this.checkboxStyle,
  dateFieldStyle: dateFieldStyle ?? this.dateFieldStyle,
  dialogStyle: dialogStyle ?? this.dialogStyle,
  dividerStyles: dividerStyles ?? this.dividerStyles,
  headerStyles: headerStyles ?? this.headerStyles,
  labelStyles: labelStyles ?? this.labelStyles,
  lineCalendarStyle: lineCalendarStyle ?? this.lineCalendarStyle,
  paginationStyle: paginationStyle ?? this.paginationStyle,
  pickerStyle: pickerStyle ?? this.pickerStyle,
  popoverStyle: popoverStyle ?? this.popoverStyle,
  popoverMenuStyle: popoverMenuStyle ?? this.popoverMenuStyle,
  progressStyles: progressStyles ?? this.progressStyles,
  radioStyle: radioStyle ?? this.radioStyle,
  resizableStyle: resizableStyle ?? this.resizableStyle,
  scaffoldStyle: scaffoldStyle ?? this.scaffoldStyle,
  selectStyle: selectStyle ?? this.selectStyle,
  selectGroupStyle: selectGroupStyle ?? this.selectGroupStyle,
  selectMenuTileStyle: selectMenuTileStyle ?? this.selectMenuTileStyle,
  sheetStyle: sheetStyle ?? this.sheetStyle,
  sidebarStyle: sidebarStyle ?? this.sidebarStyle,
  sliderStyles: sliderStyles ?? this.sliderStyles,
  toasterStyle: toasterStyle ?? this.toasterStyle,
  switchStyle: switchStyle ?? this.switchStyle,
  tabsStyle: tabsStyle ?? this.tabsStyle,
  tappableStyle: tappableStyle ?? this.tappableStyle,
  textFieldStyle: textFieldStyle ?? this.textFieldStyle,
  tileGroupStyle: tileGroupStyle ?? this.tileGroupStyle,
  timeFieldStyle: timeFieldStyle ?? this.timeFieldStyle,
  tooltipStyle: tooltipStyle ?? this.tooltipStyle,
);