Instagram tab bar UI switching between screens

preview_player
Показать описание
Join this channel to get access to perks:

This tutorial will teach you how to code cleaner and navigate between screens. It is not necessary, but I highly recommend you watch my previous video.

🔗 Links mentioned in the video:

✏️ Access the written version of this tutorial and the source files:

🎞 Video timestamps
0:00 - Introduction
0:40 - Clean code
4:35 - Tab View
7:35 - Home View

#swiftui #iosdev
  1. DesignCode
  2. SwiftUI tutorial
  3. iOS dev
  4. instagram ui
  5. learn SwiftUI
  6. tab view
Рекомендации по теме
Instagram tab bar 0:08:10

Instagram tab bar UI switching between screens

How to Create 0:00:43

How to Create Instagram's Tab Bar Navigation in Swift UI

Flutter Tutorial - 0:03:08

Flutter Tutorial - Instagram's Bottom Navigation Bar in Flutter

Instagram - Tabbar 0:00:16

Instagram - Tabbar Navigation

Animating a tab 0:00:41

Animating a tab bar menu in Figma #shorts

Creating Instagram UI 0:31:11

Creating Instagram UI with ReactJS - Part 1: Navigation Bar

Swift 3 & 0:22:01

Swift 3 & Firebase 4 & 3 - How to Build Instagram Tab Bar - Ep 5 (Build Instagram)

SwiftUI Tutorial: Instagram 0:18:16

SwiftUI Tutorial: Instagram Clone App - Home Feed (With full explanation)

Flutter TabBar Widget 0:00:50

Flutter TabBar Widget

I Redesigned the 0:14:34

I Redesigned the ENTIRE Instagram UI… But is that enough?

Create A Fixed 0:08:00

Create A Fixed / Sticky Bottom Nav Bar That Animates Between Screens - Figma Tutorial

iPhone How to 0:02:01

iPhone How to Get Rid of White or Black Bar at Bottom

How To Build a 0:33:12

How To Build a custom Instagram style TabBar programmatically - iOS

Flutter BottomNavigationBar Widget 0:01:19

Flutter BottomNavigationBar Widget

Changing Tab Bar 0:07:51

Changing Tab Bar | Swift 4, Xcode 10

React Native Tab 0:00:41

React Native Tab Bar Custom Action Trick 😱

Curved Custom Tab 0:12:01

Curved Custom Tab Bar With Orientation Support - Custom Shapes & Paths - SwiftUI Tutorials

Instagram's new UI 0:01:00

Instagram's new UI is TERRIBLE! 🤢 #shorts

Flutter Tutorial - 0:15:15

Flutter Tutorial - Instagram UI Clone | Part 1 - Bottom navigation, CircleAvatar, layouts, functions

1 Minute Figma 0:00:42

1 Minute Figma Tutorial - (Advanced) Sticky Scrolling

SwiftUI 3.0 Curved 0:13:28

SwiftUI 3.0 Curved Tab Bar With Material Effect - Custom Shapes And Curves - Complex UI - Xcode 13

Modern Bottom Nav 0:08:15

Modern Bottom Nav Bar📱Flutter Tutorial ♡

Card animation on 0:00:51

Card animation on figma

Reduce Prototypes by 0:05:41

Reduce Prototypes by 50% (Simple trick) | Figma Tutorial

Комментарии
Автор

Merry Christmas to me! Thanks to the whole DC team for all the amazing content this year, here’s to an awesome 2022! 🥳

texasrobotaxi
Автор

Hey, I tried to make this with the tabBar along the top but I realise that TabViews mostly work for along the bottom. Are there any TabView attributes that change how it works or would I need to code a custom tab with buttons for it to work along the top?

RawcatIsku