Sometimes I feel I’m writing my first lines of SwiftUI code. Why can’t I wrap my head around how to properly spread elements in an HStack 🫣 What’s your ideas 🧵 #buildinpublic #indiedev #swift #swiftui #iOS #dev #iosdev - ThreadSky

n0rthk1n9.bsky.social • 83 days ago

Sometimes I feel I’m writing my first lines of SwiftUI code. Why can’t I wrap my head around how to properly spread elements in an HStack 🫣 What’s your ideas 🧵

#buildinpublic #indiedev #swift #swiftui #iOS #dev #iosdev

Comments

marcpalmer.net•83 days ago

Have a opacity 0 version of the longest text and put the real text in an overlay of it - guarantees enough space for largest value.

borum.dev•82 days ago

I do that too but it feels dirty. 🫣

marcpalmer.net•82 days ago

I don’t see how it is because only other choice I think would be for formatters used in Text to be able to communicate their maximum size upward through the layout and I can’t see that happening. It’s basically the same thing too but probably less efficient?

marcpalmer.net•83 days ago

HStack {
Text(“999”)
.opacity(0)
.overlay {
Text(value)
}
Text(“other stuff”)
}

n0rthk1n9.bsky.social•82 days ago

Feels dirty but also very genius 😅 Thanks for the suggestion!

marcpalmer.net•82 days ago

I don’t think there is another way unless you fix the width. If you don’t want things moving around the layout needs to be static even when the count is 0

johnhaney.bsky.social•82 days ago

Also depending on how often the number changes, you might want to apply monospacedDigit to both of these numbers to make them a little less “jumpy”

n0rthk1n9.bsky.social•82 days ago

Yes I already allied that

vincefried.bsky.social•82 days ago

I always do it like that

abausg.bsky.social•35 days ago

1. Switch to Flutter
2. mainAxisAlignment: MainAxisAlignment.spaceBetween

😜

n0rthk1n9.bsky.social•35 days ago

🤪

abausg.bsky.social•35 days ago

Happy that you appeared in my timeline!! 🫶

Can’t wait to see you again and hear all about your Napoli adventures!!

n0rthk1n9.bsky.social•35 days ago

Thank you, happy to see you in here too! I’ll not be in Germany for the next bunch of time sadly… But Napoli is a really nice travel location ☺️

n0rthk1n9.bsky.social•83 days ago

A number that’s growing on user interaction on the left and a text that is fixed but can spread multiple lines on the right. I want the number to never wrap, it is .largeTitle and should have up to 3 digits and the text should not move to the right, when the number grows.

Comments

Posting Rules

Reply