Loop for Apple Watch (watchOS 10.x) UI issue about loop

[A9qx]

I'd also recommend looking at iAPS for inspiration on the T1D side of things as their Apple Watch app is really solid.

[marionbarker]

This was reported in an issue that was inadvertently closed. Adding the link for continuity.

• #2082

[elnjensen]

See my comments in #2082 for a fix/workaround.

[elnjensen]

Also, this isn't an issue with watchOS 10, this is a stable release and other apps such as Carrot, ECG, Flighty, etc, don't have wrapping issues like this, it can be resolved within Loop's codebase.

@A9qx Can you show a Watch screenshot of one or more of those apps? My guess is that they have redesigned their interfaces with new controls, but that you'll find that in all of them that top bar is at least two lines high (i.e. the height that Loop is now wrapping to with time plus title below it). Since WatchOS 10 now allows controls in those top corners, and those controls are two lines high, it's a common redesign. For example, here is the Carrot redesign, using two lines.

I'm not saying that the Loop Watch interface couldn't be redesigned, but I don't think (for WatchOS 10 and later) it can go back to what it was, with a single narrow line that includes both the title and the time. Deleting the title ("Loop", which doesn't add much) is a simple fix for now.

[A9qx]

Also, this isn't an issue with watchOS 10, this is a stable release and other apps such as Carrot, ECG, Flighty, etc, don't have wrapping issues like this, it can be resolved within Loop's codebase.

@A9qx Can you show a Watch screenshot of one or more of those apps? My guess is that they have redesigned their interfaces with new controls, but that you'll find that in all of them that top bar is at least two lines high (i.e. the height that Loop is now wrapping to with time plus title below it). Since WatchOS 10 now allows controls in those top corners, and those controls are two lines high, it's a common redesign. For example, here is the Carrot redesign, using two lines.

I'm not saying that the Loop Watch interface couldn't be redesigned, but I don't think (for WatchOS 10 and later) it can go back to what it was, with a single narrow line that includes both the title and the time. Deleting the title ("Loop", which doesn't add much) is a simple fix for now.

Sure. Here are more examples, below are Flighty, Carrot, Sleep, and Nike Run Club.

I'd say in general, most apps that have optimized for watchOS 10 I'd agree have ditched the single narrow line that includes both title and time. Most have opted for replacing it with UI buttons and other elements instead.

If a redesign is indeed on the table, definitely take inspiration for sure from Flighty and Carrot. Both did an excellent job showing how you can use the extra screen real estate found on modern AWs, they've gotten a lot bigger over the years.

[elnjensen]

Hmm, I take it back - ECG does manage this somehow. Would be interested to see other examples, especially for non-built-in apps. It's either (a) possible with a full redesign in SwiftUI (not a simple task), or (b) another example of Apple allowing its own apps to do things that third-party apps can't.