sd4beatles 님의 블로그

8.Udemy 강의를 통한 Meals Project

1. Adding More Filter Options우리가 만든 filter에 option을 더 추가할 예정이다. 현재까지는 'Glutten-free' 였다면, 추가적으로 "Lactos-Free"를 더 추가해서 아래의 meal filter option을 풍요롭게 해준다.import 'package:flutter/material.dart';import 'tabs.dart';import '../widget/main_drawer.dart';class FilterScreen extends StatefulWidget{ const FilterScreen({super.key}); @override StatecreateState(){ return _FilterScreen(); }}class _FilterS..

1. Before Start- DrawerFlutter에서 **Drawer(드로어)**는 화면의 왼쪽(또는 오른쪽)에서 슬라이드하여 나타나는 패널로, 보통 내비게이션 메뉴를 표시하는 데 사용됩니다. 드로어는 앱의 다양한 섹션이나 기능으로 쉽게 접근할 수 있도록 해줍니다.- ListTile- SwitchListTile2. Prodjct2.1 Main Drawer 정의(part 01) - DrawerHeaderDrawer는 Scaffold의 dreawer option으로 들어가게 된다. 물론, 그 방대한 Drawer Widget을 option에 집어넣게 된다면, 가독성을 저하시키는 원인이 되므로, 우리는 일단 이를 ./widgets/main_drawer.dart에 집어넣는다.import 'package:fl..

1. Passing Functions Through Multiple Layers of Widgetsuser들에게 MealDetails Screen 속의 item이 맘에 들면, favorite에 추가하는 기능을 만들어보자. 이때, 추가적인 기능을 어디에다가 사용할지가 관건인데, 이는 appBar속에 넣어보도록 하자.일단, favorite star가 들어가야 할 곳은 당연히, ./screens/meal_details.dart에 지정해야 한다.(** mea_details.dart widget class는각 meal의 detail을 담는 screen을 위한 widget이라는 것을 잊지말자.**Step 01) AppBar 의 option인 actions에 다가 InconButton을 집어 넣도록 하자.import..

1. Updating MealDeatilScreenCategory---> MealScreen ---> MealDatilsScreen으로 차례대로 코딩을 진행하였다.이때, MealDetailsScreen에는 위에 보이는 것처럼 이미지밖에 나오지 않도록 코드를 작성했는데, 이를 코드를 추가하여 , 음식성분 등 음식에 대한 세부정보를 추가하도록 하자.import 'package:flutter/material.dart';import 'package:meals/models/meal.dart';class MealDetailsScreen extends StatelessWidget{ const MealDetailsScreen({ super.key, required this.meal, }); fina..