Skip to content

Latest commit

 

History

3 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 

Repository files navigation

🧭 Custom Tab Bar SwiftUI

A curved, custom-drawn bottom tab bar with a floating center button, built in pure SwiftUI.

Platform Swift SwiftUI Xcode Stars Last Commit

📖 Overview

Custom Tab Bar SwiftUI demonstrates how to build a bespoke bottom navigation bar without relying on the stock TabView. It draws a curved container shape with a Path, lays out four SF Symbol tab items in an HStack, and overlays a raised, circular floating action button in the notch. Selection state is tracked with a simple Bottom enum so the active icon highlights as you tap through the tabs.

✨ Features

  • Curved tab bar background drawn with a custom Shape (Path + addArc).
  • Four tab items (home, search, person, menu) driven by a CaseIterable Bottom enum.
  • Floating circular action button (heart icon) offset above the bar with a drop shadow.
  • Selection tracking with @State / @Binding that highlights the active tab.
  • Reusable layout tuning through view extension modifiers for icon sizing and spacing.

📸 Preview

Custom Tab Bar preview 1 Custom Tab Bar preview 2 Custom Tab Bar preview 3 Custom Tab Bar preview 4 Custom Tab Bar preview 5

🚀 Getting Started

git clone https://github.com/ahmetbostanciklioglu/CustomTabBarSwiftUI.git
cd CustomTabBarSwiftUI
open CustomTabbarSwiftUI.xcodeproj

Open the project in Xcode and press ⌘R to build and run it in the simulator.

📋 Requirements

  • iOS 26.1 or later
  • Xcode 26 or later
  • Swift 5.0

🧑‍💻 Author

Ahmet Bostancıklıo��lu — @ahmetbostanciklioglu · ahmetbostancikli@gmail.com

⭐ If this helped you, consider giving the repo a star!

About

A curved, custom-drawn bottom tab bar with a floating center button, built in pure SwiftUI.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages