Focus change in TextField and SecureField
Reading time: 2 min
Detecting if a text field gained or lost focus is not entirely straightforward in SwiftUI.
TextField constructor has a parameter named onEditingChanged, but it triggers only when the user taps the return key in the virtual keyboard, not when the focus is actually lost.
Even worse, SecureFi...
Make a View fit entire width of its parent
Reading time: 1 min
Ocassionally you wish to make a View fit entire width of its parent. You can do so by setting both minWidth and maxWidth:
Text("Some text")
.frame(minWidth: 0, maxWidth: .infinity)For a Text specifically, this is even more useful if you wish to have it, say, leading-aligned in a center-...
Reading time: 1 min
A common issue in SwiftUI is that, when the keyboard appears, it covers up a part of your UI. This is especially problematic if it overlaps the exact TextField you're editing, so that you can't even see what you're typing!
Take this credit card input field at the bottom of a screen:
If you o...
Scrolling ScrollView programatically
Reading time: 1 min
This recipe is about how to scroll a SwiftUI ScrollView programatically. Here's a quick breakdown of what to do:
- For iOS 13 - tough luck - it can't be done. For whatever reason, this is one of things that were deemed less important for the initial release of SwiftUI.
- For iOS 14 and abov...
Customize navigation bar button image
Reading time: 1 min
This tutorial shows how to customize the navigation bar buttons as images. It applies to both the back button, as well as the button on the right-hand side. The end result will look something like this:
To do so, use the navigationBarItems(leading:trailing) method. As always, the navigation...