Q42 / Q42/Template.ComposeMultiplatform

Add SwiftUI liquid glass bottom bar

Open
#201 0 comments 0 reactions 0 assignees View on GitHub

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

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.