Скачать или смотреть Навигация BottomNavigationBar | Приложение на Flutter с нуля №5

Подписывайся на мой:
💬 Telegram https://t.me/frezycode
👨‍💻 GitHub https://github.com/Frezyx (Куча кода на dart / Flutter)
🚀 Boosty https://boosty.to/frezycode
📸 Instagram   / frezycode  

Мой курс по Flutter на YouTube:    • Flutter Уроки с нуля до профи 2023  

Три года назад я решил сделать приложение для поиска рифм на Flutter. Опубликовал это как Android приложение в GooglePlay (PlayMarket)

Этот проект я сделал очень быстро, однако приложение начало обретать успех среди пользователей. В один месяц число загрузок перевалило за 60000 скачиваний. И сейчас, спустя несколько лет, я решил вернуться к этому проекту и переписать его с нуля!

В пересборке нас ожидает весь фарш настоящей разработки приложения. От создания проекта до публикации приложения в GooglePlay и AppStore.

Контент ожидает быть интересным, ведь помимо обычного создания приложения на камеру я хочу встроить и обучающие моменты. Ну все прямо как в Flutter с нуля до профи уроки для начинающих)

В этом видео мы разберемся с навигацией на главном экране используя BottomNavigationBar, BottomAppBar, NavBar, BottomNavBar или нижнее меню, как его только не называют...

Так же мы сделаем самый простой пример навигации на главном экране - через PageView. Просто, дешево и сердито... это теперь слоган пересборки.

BottomNavigationBar тоже обновился с новой версией Material3, теперь он выглядит очень даже сносно.

А теперь к делу... Погнали смотреть!

00:00 - 00:59 Вступление
00:59 - 01:20 Что мы будем делать в этом видео ?
01:20 - 01:38 Как добавить в приложение BottomNavigationBar ?
01:38 - 01:49 Что можно запихнуть в bottomBar у Scaffold ?
01:49 - 02:13 BottomNavigationBar
02:13 - 03:27 Добавляем BottomNavigationBarItem’s
03:27 - 04:10 Добавляем label в BottomNavigationBarItem
04:10 - 05:31 Меняем цвет иконок и текста BottomNavigationBar
05:31 - 06:18 Кастомизируем BottomNavigationBarItem
06:18 - 06:33 Причесываем код
06:33 - 08:44 Заставляем BottomNavigationBar работать (оживляем)
08:44 - 09:19 Самый простой способ для навигации
09:19 - 09:43 Выносим SearchScreen в отдельный виджет
09:43 - 10:14 Добавляем PageView
10:14 - 10:59 Делаем навигацию с PageView и PageController
10:59 - 11:26 Метод jumpToPage PageViewController
11:26 - 12:33 Добавляем анимацию, метод animateToPage
12:33 - 14:10 Меняем активную иконку при смахе страницы
14:10 - 14:43 Это можно сделать ещё проще
14:43 - 15:04 В следующей серии

#программирование #flutter #войтивайти