✨ [iOS] Native toolbar by MatuskaDev · Pull Request #51 · MateeDevs/MateeStarter

MatuskaDev · 2026-04-20T08:16:46Z

📝 Description

This PR builds on 💄 [KMM] Liquid glass tab bar in compose multiplatform #43 by @JuliaJakubcova and adds support for iOS native toolbar (navigation bar title + buttons + menus) with Liquid Glass
It fixes several issues with PR 💄 [KMM] Liquid glass tab bar in compose multiplatform #43 most significantly the toolbar animation when pushing a new view to the nav stack.

💡 What’s new?

Introduced new Toolbar data model which defines the toolbar appearance. The Toolbar is defined and set in view's view model - it cannot be set in Compose as the toolbar needs to be set on iOS before the first composition & directly in SwiftUI not nested inside a controller.

😶 What’s missing?

FIXME

📚 References

FIXME

coderabbitai · 2026-04-20T08:16:52Z

Important

Review skipped

Draft detected.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Organization UI

Review profile: ASSERTIVE

Plan: Pro

Run ID: e6ff151b-0ccf-4ccb-86a8-26e60299971d

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

🔍 Trigger review

✨ Finishing Touches

🧪 Generate unit tests (beta)

Create PR with unit tests
Commit unit tests in branch feature/ios/native-toolbar

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

gemini-code-assist

Code Review

This pull request implements a cross-platform NativeScaffold and Toolbar system, incorporating the haze library for UI effects and refactoring SampleFeature. Feedback identifies a typo in an iOS availability check and behavioral inconsistencies in back button handling. Recommendations include optimizing Android performance by remembering filtered lists, improving accessibility with larger touch targets, and ensuring design consistency by adhering to theme-defined typography and Material 3 Icon standards. Additionally, simplifying the NativeColor model was suggested.

Copilot

Pull request overview

Adds a cross-platform Toolbar model and NativeScaffold abstraction so Kotlin view models can drive a native iOS navigation bar (title/buttons/menus + Liquid Glass styling) while keeping Android on a Compose TopAppBar implementation.

Changes:

Introduces Toolbar + NativeScaffold (expect/actual) and wires BaseScopedViewModel to expose toolbar: StateFlow<Toolbar?>.
Refactors SampleFeature to use a new SampleFeatureRoute that binds state/events/toolbar consistently across iOS and Android.
Adds iOS SwiftUI toolbar binding utilities and updates Xcode scripts / build logic dependencies for the new UI stack.

Reviewed changes

Copilot reviewed 32 out of 38 changed files in this pull request and generated 4 comments.

Show a summary per file

File	Description
shared/samplefeature/src/iosMain/kotlin/kmp/shared/samplefeature/presentation/SampleFeatureMainScreenViewController.kt	Switches iOS entry VC to `SampleFeatureRoute` and adds `onShowMessage` hook.
shared/samplefeature/src/commonMain/kotlin/kmp/shared/samplefeature/presentation/vm/SampleFeatureViewModel.kt	Adds `getToolbar()` override to provide title/logo from MR resources.
shared/samplefeature/src/commonMain/kotlin/kmp/shared/samplefeature/presentation/ui/SampleFeatureRoute.kt	New route composable wiring state, toolbar, and event-driven message handling.
shared/samplefeature/src/commonMain/kotlin/kmp/shared/samplefeature/presentation/ui/SampleFeatureMainScreen.kt	Wraps content in `NativeScaffold` and threads `Toolbar?` into UI.
shared/base/src/iosMain/kotlin/kmp/shared/base/presentation/vm/BaseScopedViewModel.ios.kt	Exposes `toolbar` StateFlow via Molecule on iOS.
shared/base/src/iosMain/kotlin/kmp/shared/base/presentation/ui/NativeScaffold.kt	iOS `NativeScaffold` actual: Compose `Scaffold` + optional blur container.
shared/base/src/iosMain/kotlin/kmp/shared/base/presentation/ui/NativeColor.kt	iOS bridge to convert `NativeColor` to `UIColor`.
shared/base/src/iosMain/kotlin/kmp/shared/base/presentation/ui/Keyboard.ios.kt	iOS implementations for keyboard dismissal/focus behaviors.
shared/base/src/iosMain/kotlin/kmp/shared/base/presentation/ui/BlurredContainer.kt	New blurred container using Haze + gradients for iOS styling.
shared/base/src/commonMain/moko-resources/images/toolbar_brand_logo-light@3x.png	Adds toolbar brand logo asset (light, 3x).
shared/base/src/commonMain/moko-resources/images/toolbar_brand_logo-light@2x.png	Adds toolbar brand logo asset (light, 2x).
shared/base/src/commonMain/moko-resources/images/toolbar_brand_logo-light@1x.png	Adds toolbar brand logo asset (light, 1x).
shared/base/src/commonMain/moko-resources/images/toolbar_brand_logo-dark@3x.png	Adds toolbar brand logo asset (dark, 3x).
shared/base/src/commonMain/moko-resources/images/toolbar_brand_logo-dark@2x.png	Adds toolbar brand logo asset (dark, 2x).
shared/base/src/commonMain/moko-resources/images/toolbar_brand_logo-dark@1x.png	Adds toolbar brand logo asset (dark, 1x).
shared/base/src/commonMain/kotlin/kmp/shared/base/presentation/vm/BaseScopedViewModel.kt	Adds toolbar flow to base VM contract and `getToolbar()` hook.
shared/base/src/commonMain/kotlin/kmp/shared/base/presentation/ui/Toolbar.kt	New `Toolbar`/button/menu model shared across platforms.
shared/base/src/commonMain/kotlin/kmp/shared/base/presentation/ui/NativeScaffold.kt	New expect declaration for platform-native scaffold.
shared/base/src/commonMain/kotlin/kmp/shared/base/presentation/ui/Keyboard.kt	New expect keyboard-related modifier APIs.
shared/base/src/androidMain/res/drawable/ic_back_arrow.xml	Adds Android back arrow vector asset for toolbar back button.
shared/base/src/androidMain/kotlin/kmp/shared/base/presentation/vm/BaseScopedViewModel.android.kt	Exposes `toolbar` StateFlow via Molecule on Android.
shared/base/src/androidMain/kotlin/kmp/shared/base/presentation/ui/NativeScaffold.kt	Android `NativeScaffold` actual with Material3 TopAppBar + buttons/menus + Haze.
shared/base/src/androidMain/kotlin/kmp/shared/base/presentation/ui/Keyboard.android.kt	Android implementations for keyboard modifiers (IME scroll/focus).
shared/base/src/androidMain/kotlin/kmp/shared/base/presentation/ui/HazeTextButton.kt	Adds Haze-styled text button used in transparent toolbar.
shared/base/src/androidMain/kotlin/kmp/shared/base/presentation/ui/HazeIconButton.kt	Adds Haze-styled icon button used in transparent toolbar.
ios/scripts/generate-strings.sh	Skips MR generation during Xcode clean.
ios/scripts/build-kmp.sh	Runs Gradle `clean` during Xcode clean; keeps embed/sign for builds.
ios/PresentationLayer/UIToolkit/Sources/UIToolkit/Extensions/View+Toolbar.swift	New SwiftUI extension to apply KMP `Toolbar` to native nav bar/toolbars.
ios/PresentationLayer/UIToolkit/Sources/UIToolkit/Extensions/View+NavigationBarTitleColor.swift	New helper to set nav bar title color via a representable VC.
ios/PresentationLayer/UIToolkit/Sources/UIToolkit/Extensions/View+Extensions.swift	Changes `bindViewModel` to bind toolbar updates and clear VM scope on dismiss.
ios/PresentationLayer/UIToolkit/Sources/UIToolkit/Extensions/Moko+Extensions.swift	Adds SwiftUI `Image` init for `ImageResource` and `StringDesc` localization helper.
ios/PresentationLayer/SampleFeature/Sources/SampleFeature/SampleFeatureView.swift	Wires toast handling via `onShowMessage`, binds VM toolbar, updates DI wrapper usage.
ios/DomainLayer/SharedDomain/Sources/SharedDomain/ViewModels+Extensions.swift	Retroactive `ObservableObject` conformance for `SampleFeatureViewModel`.
ios/Application/AppDelegate.swift	Removes global navigation bar appearance setup (defers to per-screen toolbar).
ios/.swiftlint.yml	Excludes SharedDomain build output from SwiftLint scanning.
gradle/libs.versions.toml	Adds Haze deps + adjusts Compose version to match Haze support.
build-logic/convention/src/main/kotlin/plugin/KmpLibraryComposeConventionPlugin.kt	Adds moko-resources compose + haze deps to the Compose convention plugin.
android/samplefeature/src/main/kotlin/kmp/android/samplefeature/ui/SampleFeatureMain.kt	Refactors Android route to use `SampleFeatureRoute` + toast callback.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

^ Conflicts: ^ android/samplefeature/src/main/kotlin/kmp/android/samplefeature/ui/SampleFeatureMain.kt ^ build-logic/convention/src/main/kotlin/plugin/KmpLibraryComposeConventionPlugin.kt ^ gradle/libs.versions.toml ^ ios/.swiftlint.yml ^ shared/samplefeature/src/iosMain/kotlin/kmp/shared/samplefeature/presentation/SampleFeatureMainScreenViewController.kt

tomas-bat · 2026-06-26T16:03:14Z

+    ComposeUIViewController {
+        SampleFeatureRoute(
+            viewModel = viewModel,
+            onShowMessage = onShowMessage,
+        )


Interesting, we now reuse shared routes even with native navigation? 🤔

Since that onSubscription block of SampleFeatureRoutes vm events handles onAppear, won't it cause that it will only be called on the initial appear?

MatuskaDev changed the title ~~Feature/ios/native toolbar~~ ✨ [iOS] Native toolbar Apr 20, 2026

MatuskaDev requested review from Copilot and tomas-bat April 20, 2026 08:17

Copilot started reviewing on behalf of MatuskaDev April 20, 2026 08:18 View session

gemini-code-assist Bot reviewed Apr 20, 2026

View reviewed changes

Copilot AI reviewed Apr 20, 2026

View reviewed changes

MatuskaDev added 2 commits April 20, 2026 10:32

Render Android back button with native icon

3fb41a6

MatuskaDev force-pushed the feature/ios/native-toolbar branch from 3c34a94 to 3fb41a6 Compare April 20, 2026 08:32

MatuskaDev added 4 commits April 20, 2026 10:56

✨ Refactor toolbar back button

7402022

🧹 Cleanup

db98b0c

🧹 Lint

aeab7aa

🧹 Cleanup

74cdfd5

tomas-bat reviewed Jun 26, 2026

View reviewed changes

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

✨ [iOS] Native toolbar#51

✨ [iOS] Native toolbar#51
MatuskaDev wants to merge 6 commits into
feature/an/navigation3from
feature/ios/native-toolbar

MatuskaDev commented Apr 20, 2026

Uh oh!

coderabbitai Bot commented Apr 20, 2026 •

edited

Loading

Review skipped

Uh oh!

gemini-code-assist Bot left a comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Copilot AI left a comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

tomas-bat Jun 26, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

Uh oh!

Conversation

MatuskaDev commented Apr 20, 2026

📝 Description

💡 What’s new?

😶 What’s missing?

📚 References

Uh oh!

coderabbitai Bot commented Apr 20, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Review skipped

Uh oh!

gemini-code-assist Bot left a comment

Choose a reason for hiding this comment

Code Review

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Reviewed changes

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

tomas-bat Jun 26, 2026

Choose a reason for hiding this comment

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

coderabbitai Bot commented Apr 20, 2026 •

edited

Loading