macCatalyst/ SwiftUI Touch Bar

Question

how could I add Touch Bar Support in Catalyst- Apps written in SwiftUI?

For Example, if I want to display a Button in a View:

import SwiftUI

struct ContentView: View {
    var body: some View {
        VStack{
        #if targetEnvironment(macCatalyst)
            Text("macOS")
            .frame(maxWidth: .infinity, maxHeight: .infinity)
            .focusable()
            .touchBar {
                Button(action: {
                    print("tapped")
                }) {
                    Text("TestButton")
                }
            }
        #endif
        Text("iOS")
        }
    }
}

If I use it in a an macOS App it works but if I use it in Catalyst and add targetEnvironment it occurs the error:

'focusable(_:onFocusChange:)' is unavailable in iOS and 'touchBar(content:)' is unavailable in iOS

Thank you for help.

score 1 · Answer 1 · answered Aug 14 '20 at 21:16

1

You can add custom view modifier:

struct TouchBarView: ViewModifier {
    func body(content: Content) -> some View {
        #if os(macOS)
        return content
                .touchBar { ... }
        #else
        return content
        #endif
    }
}

Usage:

Text("Text")
    .modifier(TouchBarView())

answered Aug 14 '20 at 21:16

Sound Blaster

4,778
1
24
32

1

but if I check the OS under Catalyst it returns iOS not macOS – TS251 Aug 30 '20 at 13:29
So, use `#if targetEnvironment(macCatalyst)` – Sound Blaster Sep 01 '20 at 05:03
1

then the error appears that it is not available under ios – TS251 Dec 17 '20 at 18:30

score 0 · Answer 2 · answered Mar 11 '20 at 14:47

0

Change

#if targetEnvironment(macCatalyst)

to

#if os(macOS)

macCatalyst must still be in the environment for iOS Mac Catalyst apps, so manually checking the OS should be reliable.

answered Mar 11 '20 at 14:47

Benj

736
7
21

macCatalyst/ SwiftUI Touch Bar

2 Answers2

Linked