Wyatt-FOSS/wyatt-packages
Wyatt-FOSS/wyatt-packages
6
2
Fork 0
Code Issues 20 Pull Requests 4 Actions Packages Projects Releases Activity

Update skill card + top navigation bar #173

Merged
hugo merged 4 commits from ui_kit/skill_card_customizable_icon into master 2023-04-12 12:34:24 +00:00
Conversation 1 Commits 4 Files Changed 10 +58 -18
2 changed files with 58 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 8c06f98624 - Show all commits

71
packages/wyatt_ui_kit/lib/src/components/bars/widgets/navigation_item.dart
View File

@ -33,8 +33,28 @@ class NavigationItem extends StatelessWidget {
children: [ children: [
if (selected) if (selected)
Container( Container(
height: 5, height: ThemeHelper.getThemeElement<double, double>(
width: 70, [
context
.themeExtension<TopBarThemeExtension>()
?.selectedIndicatorHeight,
// TODO: move default value
5,
],
valueValidator: (value) => value != null,
transform: (value) => value,
),
width: ThemeHelper.getThemeElement<double, double>(
[
context
.themeExtension<TopBarThemeExtension>()
?.selectedIndicatorWidth,
// TODO: move default value
70,
],
valueValidator: (value) => value != null,
transform: (value) => value,
),
decoration: BoxDecoration( decoration: BoxDecoration(
borderRadius: BorderRadius.circular(100), borderRadius: BorderRadius.circular(100),
color: ThemeHelper.getThemeElement<Color, Color>( color: ThemeHelper.getThemeElement<Color, Color>(
@ -49,22 +69,37 @@ class NavigationItem extends StatelessWidget {
), ),
), ),
), ),
SizedBox( ConstrainedBox(
height: 50, constraints: BoxConstraints(
child: Center( minWidth: ThemeHelper.getThemeElement<double, double>(
child: Text( [
item.data, context
style: ThemeHelper.getThemeElement<TextStyle, TextStyle>( .themeExtension<TopBarThemeExtension>()
[ ?.selectedIndicatorWidth,
context.textTheme.titleMedium, // TODO: move default value
context 70,
.themeExtension<TopBarThemeExtension>() ],
?.subTitleStyle, valueValidator: (value) => value != null,
item.style, transform: (value) => value,
], ) ?? double.infinity,
combine: (value, element) => value?.merge(element), ),
valueValidator: (value) => value != null, child: SizedBox(
transform: (value) => value, height: 50,
child: Center(
child: Text(
item.data,
style: ThemeHelper.getThemeElement<TextStyle, TextStyle>(
[
context.textTheme.titleMedium,
context
.themeExtension<TopBarThemeExtension>()
?.subTitleStyle,
item.style,
],
combine: (value, element) => value?.merge(element),
valueValidator: (value) => value != null,
transform: (value) => value,
),
), ),
), ),
), ),

5
packages/wyatt_ui_kit/lib/src/domain/top_bar_theme_extension.dart
View File

@ -25,6 +25,8 @@ abstract class TopBarThemeExtension
this.secondaryColor, this.secondaryColor,
this.titleStyle, this.titleStyle,
this.subTitleStyle, this.subTitleStyle,
this.selectedIndicatorHeight,
this.selectedIndicatorWidth,
}); });
final MultiColor? backgroundColors; final MultiColor? backgroundColors;
@ -33,4 +35,7 @@ abstract class TopBarThemeExtension
final TextStyle? titleStyle; final TextStyle? titleStyle;
final TextStyle? subTitleStyle; final TextStyle? subTitleStyle;
final double? selectedIndicatorHeight;
final double? selectedIndicatorWidth;
} }