Skip to content

Show the display name in the small Live Activity #824

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
bjorkert wants to merge 2 commits into
base: dev
Choose a base branch
from
Draft

Show the display name in the small Live Activity #824

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
4172ff3
Show the display name in the small Live Activity
bjorkert Nov 6, 2026
2fc234f
Merge remote-tracking branch 'origin/dev' into feature/small-la-displ…
bjorkert Nov 10, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
92 changes: 51 additions & 41 deletions LoopFollowLAExtension/LoopFollowLiveActivity.swift
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -102,8 +102,33 @@ private struct SmallFamilyView: View {
return snapshot.unit.displayName
}

private func rightColumn(name: String?, slot: LiveActivitySlotOption, showsLabel: Bool, unitLabel: String?) -> some View {
VStack(alignment: .trailing, spacing: 2) {
if let name {
DisplayNameText(name: name)
}
if showsLabel {
Text(slot.gridLabel)
.font(.system(size: 12, weight: .semibold, design: .rounded))
.foregroundStyle(.white.opacity(0.65))
}
Text(slotFormattedValue(option: slot, snapshot: snapshot))
.font(.system(size: 20, weight: .bold, design: .rounded))
.monospacedDigit()
.foregroundStyle(.white)
.lineLimit(1)
.minimumScaleFactor(0.8)
if let unitLabel {
Text(unitLabel)
.font(.system(size: 11, weight: .regular, design: .rounded))
.foregroundStyle(.white.opacity(0.55))
}
}
}

var body: some View {
let rightSlot = LAAppGroupSettings.smallWidgetSlot()
let name = LAAppGroupSettings.showDisplayName() ? LAAppGroupSettings.displayName() : nil

HStack(alignment: .center, spacing: 0) {
VStack(alignment: .leading, spacing: 2) {
Expand All @@ -128,57 +153,42 @@ private struct SmallFamilyView: View {
Spacer()

if rightSlot != .none {
if let unitLabel = rightSlotUnitLabel(for: rightSlot) {
// Use ViewThatFits so the unit label appears on surfaces with
// enough vertical space (CarPlay) and is omitted where it doesn't
// fit (Watch Smart Stack).
ViewThatFits(in: .vertical) {
VStack(alignment: .trailing, spacing: 2) {
Text(rightSlot.gridLabel)
.font(.system(size: 12, weight: .semibold, design: .rounded))
.foregroundStyle(.white.opacity(0.65))
Text(slotFormattedValue(option: rightSlot, snapshot: snapshot))
.font(.system(size: 20, weight: .bold, design: .rounded))
.monospacedDigit()
.foregroundStyle(.white)
.lineLimit(1)
.minimumScaleFactor(0.8)
Text(unitLabel)
.font(.system(size: 11, weight: .regular, design: .rounded))
.foregroundStyle(.white.opacity(0.55))
}
VStack(alignment: .trailing, spacing: 2) {
Text(rightSlot.gridLabel)
.font(.system(size: 12, weight: .semibold, design: .rounded))
.foregroundStyle(.white.opacity(0.65))
Text(slotFormattedValue(option: rightSlot, snapshot: snapshot))
.font(.system(size: 20, weight: .bold, design: .rounded))
.monospacedDigit()
.foregroundStyle(.white)
.lineLimit(1)
.minimumScaleFactor(0.8)
}
// The first candidate that fits is shown: CarPlay has room for the
// unit label, the Watch Smart Stack drops it, and with a display name
// the slot label goes before the name does.
ViewThatFits(in: .vertical) {
if let unitLabel = rightSlotUnitLabel(for: rightSlot) {
rightColumn(name: name, slot: rightSlot, showsLabel: true, unitLabel: unitLabel)
}
} else {
VStack(alignment: .trailing, spacing: 2) {
Text(rightSlot.gridLabel)
.font(.system(size: 12, weight: .semibold, design: .rounded))
.foregroundStyle(.white.opacity(0.65))
Text(slotFormattedValue(option: rightSlot, snapshot: snapshot))
.font(.system(size: 20, weight: .bold, design: .rounded))
.monospacedDigit()
.foregroundStyle(.white)
.lineLimit(1)
.minimumScaleFactor(0.8)
rightColumn(name: name, slot: rightSlot, showsLabel: true, unitLabel: nil)
if name != nil {
rightColumn(name: name, slot: rightSlot, showsLabel: false, unitLabel: nil)
}
}
} else if let name {
DisplayNameText(name: name)
}
}
.frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .leading)
.padding(10)
}
}

/// App display name for the small family. Names built from the default
/// `LoopFollow_<suffix>` pattern truncate at the head so the suffix stays visible.
private struct DisplayNameText: View {
let name: String

var body: some View {
Text(name)
.font(.system(size: 11, weight: .semibold, design: .rounded))
.foregroundStyle(.white.opacity(0.65))
.lineLimit(1)
.minimumScaleFactor(0.8)
.truncationMode(name.hasPrefix("LoopFollow") ? .head : .tail)
}
}

// MARK: - Lock Screen Contract View

private struct LockScreenLiveActivityView: View {
Expand Down