feat: add about page

assets/pubspec.yaml

@@ -0,0 +1,14 @@
+name: assets
+description: >
+  Holds the assets for the app. The assets are included in a
+  separate package, to be able to share it with Widgetbook app.
+
+version: 0.0.0
+publish_to: none
+
+environment:
+  sdk: ">=3.1.0 <4.0.0"
+
+flutter:
+  assets:
+    - .

lib/about/about_screen.dart

@@ -0,0 +1,31 @@
+import 'package:flutter/material.dart';
+
+import '../theme/app_theme.dart';
+
+class AboutScreen extends StatelessWidget {
+  const AboutScreen({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Center(
+      child: Column(
+        mainAxisAlignment: MainAxisAlignment.center,
+        children: [
+          Image.asset(
+            'logo.png',
+            package: 'assets',
+            width: 100,
+            height: 100,
+          ),
+          SizedBox(
+            height: AppTheme.of(context).spacing.medium,
+          ),
+          Text(
+            'Created by Widgetbook',
+            style: AppTheme.of(context).typography.labelMedium14,
+          ),
+        ],
+      ),
+    );
+  }
+}

lib/app.dart

@@ -2,6 +2,7 @@ import 'package:flutter/foundation.dart';
 import 'package:flutter/widgets.dart';
 import 'package:go_router/go_router.dart';
 
+import 'about/about_screen.dart';
 import 'basket/basket.dart';
 import 'home/home.dart';
 import 'l10n/app_localizations.dart';
@@ -23,6 +24,10 @@ final _router = GoRouter(
         },
       ),
     ),
+    GoRoute(
+      path: '/about',
+      builder: (context, state) => const AboutScreen(),
+    ),
     GoRoute(
       path: '/basket',
       builder: (context, state) {

pubspec.lock

@@ -1,6 +1,13 @@
 # Generated by pub
 # See https://dart.dev/tools/pub/glossary#lockfile
 packages:
+  assets:
+    dependency: "direct main"
+    description:
+      path: assets
+      relative: true
+    source: path
+    version: "0.0.0"
   async:
     dependency: transitive
     description:

pubspec.yaml

@@ -7,6 +7,8 @@ environment:
   sdk: ">=3.1.0 <4.0.0"
 
 dependencies:
+  assets:
+    path: assets
   flutter:
     sdk: flutter
   flutter_localizations:

widgetbook/lib/about/about_screen.dart

@@ -0,0 +1,13 @@
+import 'package:flutter/widgets.dart';
+import 'package:groceries_app/about/about_screen.dart';
+import 'package:widgetbook_annotation/widgetbook_annotation.dart';
+
+@UseCase(
+  name: 'Default',
+  type: AboutScreen,
+)
+Widget buildAboutScreenUseCase(BuildContext context) {
+  // This use-case demonstrates how assets are loaded in
+  // both app package and widgetbook package simultaneously.
+  return const AboutScreen();
+}

widgetbook/pubspec.lock

@@ -33,6 +33,13 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "2.4.2"
+  assets:
+    dependency: "direct main"
+    description:
+      path: "../assets"
+      relative: true
+    source: path
+    version: "0.0.0"
   async:
     dependency: transitive
     description:

widgetbook/pubspec.yaml

@@ -6,6 +6,8 @@ environment:
   sdk: ">=3.1.0 <4.0.0"
 
 dependencies:
+  assets:
+    path: ../assets
   flutter:
     sdk: flutter
   groceries_app: