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

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

@ -33,8 +33,28 @@ class NavigationItem extends StatelessWidget {
children: [
if (selected)
Container(
height: 5,
width: 70,
height: ThemeHelper.getThemeElement<double, double>(
[
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(
borderRadius: BorderRadius.circular(100),
color: ThemeHelper.getThemeElement<Color, Color>(
@ -49,7 +69,21 @@ class NavigationItem extends StatelessWidget {
),
),
),
SizedBox(
ConstrainedBox(
constraints: BoxConstraints(
minWidth: ThemeHelper.getThemeElement<double, double>(
[
context
.themeExtension<TopBarThemeExtension>()
?.selectedIndicatorWidth,
// TODO: move default value
70,
],
valueValidator: (value) => value != null,
transform: (value) => value,
) ?? double.infinity,
),
child: SizedBox(
height: 50,
child: Center(
child: Text(
@ -69,6 +103,7 @@ class NavigationItem extends StatelessWidget {
),
),
),
),
],
);
}

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.titleStyle,
this.subTitleStyle,
this.selectedIndicatorHeight,
this.selectedIndicatorWidth,
});
final MultiColor? backgroundColors;
@ -33,4 +35,7 @@ abstract class TopBarThemeExtension
final TextStyle? titleStyle;
final TextStyle? subTitleStyle;
final double? selectedIndicatorHeight;
final double? selectedIndicatorWidth;
}