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

    What is quantum computing? 10 terms everyone should know

    April 13, 2026

    Firebase App Check debug token returns 403 “App attestation failed” on iOS Flutter app — misleading error hides API key restriction

    April 13, 2026

    A simpler path to unified, AI-ready network operations

    April 12, 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»swift – How to conditionally set tint color on interactive glass in SwiftUI iOS 26?
    iOS Development

    swift – How to conditionally set tint color on interactive glass in SwiftUI iOS 26?

    big tee tech hubBy big tee tech hubApril 2, 2026011 Min Read
    Share Facebook Twitter Pinterest Copy Link LinkedIn Tumblr Email Telegram WhatsApp
    Follow Us
    Google News Flipboard
    swift – How to conditionally set tint color on interactive glass in SwiftUI iOS 26?
    Share
    Facebook Twitter LinkedIn Pinterest Email Copy Link


    I’m using the new .glassEffect(.interactive()) API in SwiftUI (iOS 26), and I want to change the tint color based on state.

    However, when I conditionally change the tint using a ternary, the interactive glass animation gets interrupted midway (the glass balloons and then instantly shrinks).

    Here’s the example:

    .overlay(alignment: .topTrailing) {
        Button(action: { saved.toggle() }) {
            Image(saved ? "bookmark" : "bookmark.outline")
                .resizable()
                .scaledToFit()
                .frame(width: 14, height: 14)
                .foregroundStyle(.white)
                .padding(8)
        }
        .glassEffect(
            .clear
                .tint(saved ? overlayCol : overlayCol.opacity(0.1))
                .interactive()
        )
        .padding(.top, 8)
        .padding(.trailing, 8)
    }
    

    What’s the correct way to update the tint of an interactive glass effect without breaking or restarting the animation? In native apps like the Phone app, when you filter calls, the button changes from no tint to a blue tint (but it’s a little different since it seems like the blue tint is an embedded circle inside the button itself). The next best example I can think of is in the Reminders app when you open a list, the + button in the bottom toolbar changes from blue to orange.



    Source link

    Color conditionally Glass interactive iOS set Swift SwiftUI tint
    Follow on Google News Follow on Flipboard
    Share. Facebook Twitter Pinterest LinkedIn Tumblr Email Copy Link
    tonirufai
    big tee tech hub
    • Website

    Related Posts

    Firebase App Check debug token returns 403 “App attestation failed” on iOS Flutter app — misleading error hides API key restriction

    April 13, 2026

    javascript – React Native iOS app crashes on language change with react-native-restart (works on Android)

    April 12, 2026

    ios – React web app hitting memory limit on mobile

    April 11, 2026
    Add A Comment
    Leave A Reply Cancel Reply

    Editors Picks

    What is quantum computing? 10 terms everyone should know

    April 13, 2026

    Firebase App Check debug token returns 403 “App attestation failed” on iOS Flutter app — misleading error hides API key restriction

    April 13, 2026

    A simpler path to unified, AI-ready network operations

    April 12, 2026

    Launching S3 Files, making S3 buckets accessible as file systems

    April 12, 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!

    What is quantum computing? 10 terms everyone should know

    April 13, 2026

    Firebase App Check debug token returns 403 “App attestation failed” on iOS Flutter app — misleading error hides API key restriction

    April 13, 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.