How do we make the widget responsive?

Question

Created Jun ’20

Replies 2

Boosts 0

Participants 2

I have this working, but noticed that if I use a IPhone SE the timer is cutoff as opposed to the iPhone 11 Max. How is this addressed?

Screen Shots

Answered by in 615172022

The specifics depend on what sort of affect you'd like. One simple option is to allow the text to scale down by adding a minimumScaleFactor modifier:

Code Block Text(character.fullHealthDate, style: .timer)
		.font(.system(.title, design: .monospaced))
		.minimumScaleFactor(0.6)

Boost

Answer 1

OP

Apple

Jun ’20

Accepted Answer

The specifics depend on what sort of affect you'd like. One simple option is to allow the text to scale down by adding a minimumScaleFactor modifier:

Code Block Text(character.fullHealthDate, style: .timer)
		.font(.system(.title, design: .monospaced))
		.minimumScaleFactor(0.6)

0

Answer 2

chardnettdev OP

Jun ’20

Thanks. The minimumScaleFactor worked. And so that's a solution. However, you brought up a caveat that other effects were possible. What might those be?

0