SwiftUI Timer not working inside Menu bar extra

Question

himav OP

Created Mar ’23

Replies 6

Boosts 1

Views 1.6k

Participants 5

Hello,

I am new to the Swift and the SwiftUI. I want to build a MacOS app for learning purpose. Looks like I am stuck, so looking for some help.

The code below does not execute the print statement. Why is the timer not working? What am I missing? Thanks in advance.

struct CustomView: View {    
    let timer = Timer.publish(every: 1, on: .current, in: .common).autoconnect()
    private var nums: [String] = ["one", "two"]    

    var body: some View {
        ForEach(nums, id: \.self) {num in
            Text(num)
        }
        .onReceive(timer) { time in
            // why is this not working?
            print("time is \(time)")
        }
    }
}

@main struct Writer: App {
    var body: some Scene {
        MenuBarExtra("Writer util", systemImage: "pencil.line") {
            CustomView()
        }
        .menuBarExtraStyle(.menu)
    }
}

Boost

Answer 1

MobileTen OP

Mar ’23

Change .menuBarExtraStyle(.menu) to .menuBarExtraStyle(.window)

0

Answer 2

himav OP

Mar ’23

I need a menu and not a window. Anyways, the change works! Care to explain why .menu doesn't work and .window does?

0

Answer 3

himav OP

Mar ’23

Care to elaborate why it doesn't work for .menu and works for .window? For my use case, I need the .menu.

0

Answer 4

himav OP

Apr ’23

Can someone please help, here?

0

Answer 5

zhaoxin OP

Aug ’23

You should read the document of the Timer. The timer need to run in a runloop, which Window has but menu hasn't. So if you want to use a timer inside the menu, you may need to create a runloop and add the timer to it. That might work.

0

Answer 6

Maschina OP

Oct ’23

Using a dedicated obervable object with a timer being initialized there will perfectly work while the open menu is blocking the runloop from SwiftUI.

public final class MyObject: ObservableObject {
	@Published var showItem: Bool = false
	
	var cancellable = Set<AnyCancellable>()
	
	init() {
		Timer.publish(every: 5, on: .main, in: .common)
			.autoconnect()
			.sink(receiveValue: { [weak self] value in
				print(value)
				self?.showItem = true
			})
			.store(in: &cancellable)
	}
}

And within the MenuBarExtra content closure, you can use something like:

if myObject.showItem{
  Button("Item 2") {
						
  }
}

0