A Sticky Button in SwiftUI

A simple example

Steven Curtis
3 min read5 days ago
Photo by Ashim D’Silva on Unsplash

Sticky buttons are a popular UI pattern where a button remains fixed at the bottom of the screen, regardless of scrolling or keyboard interactions. They are widely used in apps for actions like submitting a form, sending a message, or navigating to the next screen.

The sticky button at the bottom of the screen

This article demonstrates how to create a sticky button in SwiftUI, leveraging its declarative syntax and modern state management tools. We’ll use FocusState, introduced in iOS 15, to manage keyboard interactions seamlessly.

Difficulty: Beginner | Easy | Normal | Challenging

This article has been developed using Xcode 15.0, and Swift 5.9

Terminology:

SwiftUI: A simple way to build user interfaces Across Apple platforms

In the past…

I remember when we would need to know the height of the keyboard and move our views appropriately.

If you’re not using UIKit you are no longer using the paradigms that matched SwiftUI.

So let us go full SwiftUI!

Why Use SwiftUI for Sticky…

--

--

No responses yet