diff --git a/lib/pages/create_recipe_page.dart b/lib/pages/create_recipe_page.dart index 4b695a2..2a1b943 100644 --- a/lib/pages/create_recipe_page.dart +++ b/lib/pages/create_recipe_page.dart @@ -1,4 +1,6 @@ import 'package:flutter/material.dart'; +import 'package:rezepte/widgets/dropdown_textfield.dart'; +import 'package:rezepte/widgets/ingredients_list.dart'; import '../models/difficulty.dart'; import '../widgets/difficulty_dropdown.dart'; @@ -39,6 +41,8 @@ class _CreateRecipeState extends State { ), ), const DifficultyDropdown(), + const IngredientsList(), + const DropdownTextfield(), ], ), ), diff --git a/lib/widgets/dropdown_textfield.dart b/lib/widgets/dropdown_textfield.dart new file mode 100644 index 0000000..68af1b3 --- /dev/null +++ b/lib/widgets/dropdown_textfield.dart @@ -0,0 +1,41 @@ +import 'package:flutter/material.dart'; + +class DropdownTextfield extends StatefulWidget { + const DropdownTextfield({super.key}); + + @override + State createState() => _DropdownTextfieldState(); +} + +class _DropdownTextfieldState extends State { + List get _getDropdownItems { + return [ + const DropdownMenuItem( + child: Text('rsitensroe'), + value: 1, + ), + const DropdownMenuItem( + child: Text('rstiersnmti'), + value: 2, + ) + ]; + } + + @override + Widget build(BuildContext context) { + final dropdownValue = _getDropdownItems.first.value; + return SizedBox( + width: 500, + child: TextField( + decoration: InputDecoration( + suffix: DropdownButton( + items: _getDropdownItems, + onChanged: _onDropdownChanged, + value: dropdownValue, + )), + ), + ); + } + + void _onDropdownChanged(value) {} +} diff --git a/lib/widgets/ingredients_list.dart b/lib/widgets/ingredients_list.dart new file mode 100644 index 0000000..0a520bb --- /dev/null +++ b/lib/widgets/ingredients_list.dart @@ -0,0 +1,45 @@ +import 'package:flutter/material.dart'; + +class IngredientsList extends StatefulWidget { + const IngredientsList({super.key}); + + @override + State createState() => _IngredientsListState(); +} + +class _IngredientsListState extends State { + @override + Widget build(BuildContext context) { + return Expanded( + child: ListView.builder( + itemCount: 2, + itemBuilder: _ingredientsBuilder, + ), + ); + } + + Widget? _ingredientsBuilder(BuildContext context, int index) { + final screenWidth = MediaQuery.of(context).size.width; + return Row( + mainAxisSize: MainAxisSize.min, + children: [ + SizedBox( + width: screenWidth / 4, + child: const TextField( + decoration: InputDecoration( + label: Text('Ingredient'), + ), + ), + ), + SizedBox( + width: screenWidth / 4, + child: const TextField( + decoration: InputDecoration( + label: Text('Count'), + ), + ), + ), + ], + ); + } +}