✨✨ SwiftUI tips
Y probably using SwiftUI in iOS 15 by now, here are 10 good practices to make good use of #SwiftUI #iosdev
Y probably using SwiftUI in iOS 15 by now, here are 10 good practices to make good use of #SwiftUI #iosdev
✨ Take advantage of flexible frames
Sometimes we want to show a button in the corner of the screen and we use VStack, HStack with Spacer.
We can use flexible frame with maxWidth, maxHeight. It is more concise and does not have default spacing like in the stack.
Sometimes we want to show a button in the corner of the screen and we use VStack, HStack with Spacer.
We can use flexible frame with maxWidth, maxHeight. It is more concise and does not have default spacing like in the stack.
✨ Use overlay with ViewBuilder
Let's say we want to show a star icon to the top right of a book cell.
Before iOS 15, overlay and background modifiers accept only View, so we need to perform logic in Group.
Now we can just specify alignment with content ViewBuilder.
Let's say we want to show a star icon to the top right of a book cell.
Before iOS 15, overlay and background modifiers accept only View, so we need to perform logic in Group.
Now we can just specify alignment with content ViewBuilder.
✨ Optional conforms to View
Do you want to conditionally show the background only?
I see people use Color.clear for empty case, but remember that Optional also conforms to View if its Wrapped conforms to View.
So we can just return nil instead.
Do you want to conditionally show the background only?
I see people use Color.clear for empty case, but remember that Optional also conforms to View if its Wrapped conforms to View.
So we can just return nil instead.
✨ Use dismiss over presentationMode
New in iOS 15, the dismiss EnvironmentValue is the preferred way to dismiss a presentation, sheet, popover, or pop in a navigation stack.
Dismiss is of type DismissAction and implements callAsFunction.
New in iOS 15, the dismiss EnvironmentValue is the preferred way to dismiss a presentation, sheet, popover, or pop in a navigation stack.
Dismiss is of type DismissAction and implements callAsFunction.
✨ Use continuous curvature rounded corner
With RoundedRectangle, you can specify continuous style to have that "squircle" shape that is more smoothly rounded and looks much more natural.
With RoundedRectangle, you can specify continuous style to have that "squircle" shape that is more smoothly rounded and looks much more natural.
✨ Multiple trailing closure is convenient
Do you know List and Section in SwiftUI 3 has many new initializers?
The good thing is it reads well with multiple trailing closures. I didn't like it at first but after using for some time, it kinda makes sense.
Do you know List and Section in SwiftUI 3 has many new initializers?
The good thing is it reads well with multiple trailing closures. I didn't like it at first but after using for some time, it kinda makes sense.
✨ Concatenate and style Text
Text is SwiftUI is powerful, you can style and concatenate them. Even since SwiftUI 2 in iOS 14, you can also inline Image inside Text
Text is SwiftUI is powerful, you can style and concatenate them. Even since SwiftUI 2 in iOS 14, you can also inline Image inside Text
✨ Present sheet with selected item
Do you find yourself using a sheet with isPresented Binding to present something?
Well, sheet has a much better initializer with item Binding, whenever you set a value to this Binding, the sheet will be presented.
Do you find yourself using a sheet with isPresented Binding to present something?
Well, sheet has a much better initializer with item Binding, whenever you set a value to this Binding, the sheet will be presented.
✨ Transforming Text and TextField
In case you want to ensure certain casing like uppercase or lowercase in SwiftUI, there's no need to manually altering String with custom Binding.
You can take advantage of existing modifiers like textCase or textInputAutocapitalization
In case you want to ensure certain casing like uppercase or lowercase in SwiftUI, there's no need to manually altering String with custom Binding.
You can take advantage of existing modifiers like textCase or textInputAutocapitalization
✨ Adjusting color
How often do you use opacity to de-emphasize a View? Or adjust the color of View and Image?
Instead of manually picking some other colors, we can rely on built-in modifiers like brightness, saturation, colorMultiple, and contrast.
How often do you use opacity to de-emphasize a View? Or adjust the color of View and Image?
Instead of manually picking some other colors, we can rely on built-in modifiers like brightness, saturation, colorMultiple, and contrast.
• • •
Missing some Tweet in this thread? You can try to
force a refresh
