SwiftUI + Xcode 12
SwiftUI | Реализовать TabView с помощью TabItem()
Давайте посмотрим, как реализовать SwiftUI TabView, который переключает представления каждый раз, когда вы нажимаете на TabItem.
Сложность: Начинающий | Легко | Нормальный | Испытывающий
Среда: Xcode 12 и SwiftUI
Создать новый проект
Откройте Xcode › Новый проект › Шаблон приложения › Назовите его TabViewDemo › Жизненный цикл и интерфейс приложения SwiftUI.
Создайте 3 вида
Перейдите к цели вашего проекта › Новый файл › Представление SwiftUI › назовите их следующим образом:
- Первый просмотр
- Второй вид
- Третий вид
Теперь у вас будет следующий файл в вашем проекте:
Создайте вкладку
Вернитесь к файлу ContentView.swift и замените элемент пользовательского интерфейса Text следующим кодом:
Здесь мы дали нашему TabView три TabItem() со значком, взятым из Sf Symbol, и именем.
Запускаем проект 🏋🏻♂️
Теперь запустите свой проект Xcode, и вы сможете переключаться между представлениями благодаря нижней навигации.
Спасибо, что прочитали! Я всегда рад общению и сотрудничеству на [email protected]. Рассмотрите возможность подписки, чтобы получить неограниченный доступ к моим статьям и всему Медиуму через мою реферальную ссылку.
