Q42 / Q42/Template.ComposeMultiplatform
Add SwiftUI liquid glass bottom bar
Nobody has claimed this yet.
- Dominant language
- Kotlin
- Stars
- 1
- Forks
- 0
- Avg merge
- 7d 15h
- Merged PRs (30d)
- 15
Description
- Add a bottom bar for all platforms
- Add two tabs
- Make it liquid glass on new iOS devices. (ONLY the bottom bar view)
The kotlin documentation directs you into using more then just the liquid glass bottom bar: it also creates the tab containers for examples. That might be more native, but also has some drawbacks (more custom logic and wiring; will deeplinks into tabs still work perfectly? state restoration? that is enforce a backstack per tab?).
So in this ticket, we only change the view.
DOD
- liquid glass bottom bar on new iOS versions
- old bottom bar on older versions
- android bottom bar
- accessibility works well enough
- OS font size changes update bottom bar on iOS instantly
- darkmode changes update bottom bar on iOS instantly
- language changes update bottom bar on iOS instantly
Technically
This library shows an option of using just the UITabBar view, which might have smaller impact on the navigation in the app, we can take inspiration from this approach:
Navigation Bar - Calf
the view: Calf/calf-ui/src/iosMain/kotlin/com/mohamedrejeb/calf/ui/navigation/AdaptiveNavigationBar.ios.kt at 94d6842b7367025127d79e33efd249ae488bb6f4 · MohamedRejeb/Calf
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the linked Calf/calf-ui/src/iosMain/kotlin/com/mohamedrejeb/calf/ui/navigation/AdaptiveNavigationBar.ios.kt example and locate the template’s existing bottom-bar entry point. Change only the bar view, then verify the listed DOD: liquid glass on new iOS, a fallback on older iOS, an Android bar, accessibility, and live font-size, dark-mode, and language updates.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- kotlin, swift
- Domain
- accessibility, mobile-dev
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 48/100