Close Menu
  • Home
  • AI
  • Big Data
  • Cloud Computing
  • iOS Development
  • IoT
  • IT/ Cybersecurity
  • Tech
    • Nanotechnology
    • Green Technology
    • Apple
    • Software Development
    • Software Engineering

Subscribe to Updates

Get the latest technology news from Bigteetechhub about IT, Cybersecurity and Big Data.

    What's Hot

    Sacramento beauty queen admits $10M investment fraud funding gambling and trips

    March 11, 2026

    Setting Up a Google Colab AI-Assisted Coding Environment That Actually Works

    March 11, 2026

    The economics of enterprise AI: What the Forrester TEI study reveals about Microsoft Foundry

    March 11, 2026
    Facebook X (Twitter) Instagram
    Facebook X (Twitter) Instagram
    Big Tee Tech Hub
    • Home
    • AI
    • Big Data
    • Cloud Computing
    • iOS Development
    • IoT
    • IT/ Cybersecurity
    • Tech
      • Nanotechnology
      • Green Technology
      • Apple
      • Software Development
      • Software Engineering
    Big Tee Tech Hub
    Home»iOS Development»ios – SwiftUI: Zoom-navigation-transitions not working in tabViewBottomAccessory with a view model
    iOS Development

    ios – SwiftUI: Zoom-navigation-transitions not working in tabViewBottomAccessory with a view model

    big tee tech hubBy big tee tech hubDecember 9, 2025082 Mins Read
    Share Facebook Twitter Pinterest Copy Link LinkedIn Tumblr Email Telegram WhatsApp
    Follow Us
    Google News Flipboard
    ios – SwiftUI: Zoom-navigation-transitions not working in tabViewBottomAccessory with a view model
    Share
    Facebook Twitter LinkedIn Pinterest Email Copy Link


    I found that the zoom navigation transition with matchedTransitionSource in tabViewBottomAccessory does not work when the isPresented state is set through a published variable in an ObservableObject. So I get the same transition effect as if no matchedTransitionSource is set.

    The iOS 17 Observable property wrapper has the same problem as with ObservableObject:

    import SwiftUI
    import Combine
    
    private final class ViewModel: ObservableObject {
        @Published var isPresented = false
    }
    
    struct ContentView: View {
        @Namespace private var namespace
        
        @StateObject private var viewModel = ViewModel()
    //    @State private var isPresented = false
        
        var body: some View {
            TabView {
                Button {
                    viewModel.isPresented = true
                } label: {
                    Text("Start")
                }
                .tabItem {
                    Image(systemName: "house")
                    Text("Home")
                }
    
                Text("Search")
                    .tabItem {
                        Image(systemName: "magnifyingglass")
                        Text("Search")
                    }
    
                Text("Profile")
                    .tabItem {
                        Image(systemName: "person")
                        Text("Profile")
                    }
            }
            .sheet(isPresented: $viewModel.isPresented) {
                Text("Sheet")
                    .presentationDragIndicator(.visible)
                    .navigationTransition(.zoom(sourceID: "tabViewBottomAccessoryTransition", in: namespace))
            }
            .tabViewBottomAccessory {
                Button {
                    viewModel.isPresented = true
                } label: {
                    Text("BottomAccessory")
                }
                .matchedTransitionSource(id: "tabViewBottomAccessoryTransition", in: namespace)
            }
        }
    }
    

    However, when using a State property everything works:

    import SwiftUI
    import Combine
    
    private final class ViewModel: ObservableObject {
        @Published var isPresented = false
    }
    
    struct ContentView: View {
        @Namespace private var namespace
        
        //    @StateObject private var viewModel = ViewModel()
        @State private var isPresented = false
        
        var body: some View {
            TabView {
                Button {
                    isPresented = true
                } label: {
                    Text("Start")
                }
                .tabItem {
                    Image(systemName: "house")
                    Text("Home")
                }
                
                Text("Search")
                    .tabItem {
                        Image(systemName: "magnifyingglass")
                        Text("Search")
                    }
                
                Text("Profile")
                    .tabItem {
                        Image(systemName: "person")
                        Text("Profile")
                    }
            }
            .sheet(isPresented: $isPresented) {
                Text("Sheet")
                    .presentationDragIndicator(.visible)
                    .navigationTransition(.zoom(sourceID: "tabViewBottomAccessoryTransition", in: namespace))
            }
            .tabViewBottomAccessory {
                Button {
                    isPresented = true
                } label: {
                    Text("BottomAccessory")
                }
                .matchedTransitionSource(id: "tabViewBottomAccessoryTransition", in: namespace)
            }
        }
    }
    

    Is there a reason why, am I doing something wrong with the navigation transitions or is it a SwiftUI bug?

    Note:

    • The snippets are minimal reproducible examples.
    • This question is about navigation transitions in the tabViewBottomAccessory which came with iOS 26.
      This issue might just be a SwiftUI-Bug since the tabViewBottomAccessory had some other issues as seen here: Conditional TabViewBottomAccessory



    Source link

    iOS model SwiftUI tabViewBottomAccessory view working Zoomnavigationtransitions
    Follow on Google News Follow on Flipboard
    Share. Facebook Twitter Pinterest LinkedIn Tumblr Email Copy Link
    tonirufai
    big tee tech hub
    • Website

    Related Posts

    How Pokémon Go is giving delivery robots an inch-perfect view of the world

    March 11, 2026

    uikit – Why the title doesn’t follow the navigation inline state in iOS 26

    March 11, 2026

    ios – OS emoji keyboard causes UI freeze in chat TextField Flutter

    March 10, 2026
    Add A Comment
    Leave A Reply Cancel Reply

    Editors Picks

    Sacramento beauty queen admits $10M investment fraud funding gambling and trips

    March 11, 2026

    Setting Up a Google Colab AI-Assisted Coding Environment That Actually Works

    March 11, 2026

    The economics of enterprise AI: What the Forrester TEI study reveals about Microsoft Foundry

    March 11, 2026

    The search for new bosons beyond Higgs – Physics World

    March 11, 2026
    About Us
    About Us

    Welcome To big tee tech hub. Big tee tech hub is a Professional seo tools Platform. Here we will provide you only interesting content, which you will like very much. We’re dedicated to providing you the best of seo tools, with a focus on dependability and tools. We’re working to turn our passion for seo tools into a booming online website. We hope you enjoy our seo tools as much as we enjoy offering them to you.

    Don't Miss!

    Sacramento beauty queen admits $10M investment fraud funding gambling and trips

    March 11, 2026

    Setting Up a Google Colab AI-Assisted Coding Environment That Actually Works

    March 11, 2026

    Subscribe to Updates

    Get the latest technology news from Bigteetechhub about IT, Cybersecurity and Big Data.

      • About Us
      • Contact Us
      • Disclaimer
      • Privacy Policy
      • Terms and Conditions
      © 2026 bigteetechhub.All Right Reserved

      Type above and press Enter to search. Press Esc to cancel.