simple navigation for creating recipe

This commit is contained in:
2025-02-06 14:13:24 +01:00
parent ea23a2eaf2
commit 590666744f
6 changed files with 91 additions and 1 deletions

View File

@@ -0,0 +1,53 @@
import 'package:flutter/material.dart';
import 'create_recipe_pages/ingredients_page.dart';
import 'create_recipe_pages/metadata_page.dart';
import 'create_recipe_pages/steps_page.dart';
class CreateRecipePage extends StatefulWidget {
const CreateRecipePage({super.key});
static const String routeName = '/create';
@override
State<CreateRecipePage> createState() => _CreateRecipePageState();
}
class _CreateRecipePageState extends State<CreateRecipePage> {
int _currentPageIndex = 0;
final List<Widget> _pages = [
const MetadataPage(),
const IngredientsPage(),
const StepsPage(),
];
final List<NavigationDestination> _destinations = [
NavigationDestination(
icon: Icon(Icons.list),
label: 'Metadata',
),
NavigationDestination(
icon: Icon(Icons.emoji_food_beverage),
label: 'Ingredients',
),
NavigationDestination(
icon: Icon(Icons.format_list_numbered_outlined),
label: 'Steps',
),
];
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(),
bottomNavigationBar: NavigationBar(
destinations: _destinations,
selectedIndex: _currentPageIndex,
onDestinationSelected: (value) => setState(() {
_currentPageIndex = value;
}),
),
body: _pages.elementAt(_currentPageIndex),
);
}
}