Floating Action Button - Hide on scroll down - SwiftUI

I wanted to create a floating action button in SwiftUI which disappears or hides when scrolling down. For that a few tricks where needed.

Final Look

It is not possible to get the ScrollEvent directly from SwiftUI so the trick is to use a transperant GeometryReader which changes its origin position compared to a defined coordinate space (inspired by this) when scrolling down. When using the origin as offset I can simply determine whether the user scrolls up or down. Here is the code:

Note: I still have a small inconsistency when scrolling to the bottom of the list as the overscroll of the ScrollView causes the last action to be a scroll up which leads to that the Floating action button is showing up when scrolled all the way to the bottom.

Get photo metadata with PHPicker in SwiftUI

With iOS 14.0 a new photo picker PHPicker was introduced. In this post I will show you how to get and show photo metadata, the PHAsset, containing information like creation date and the location of where the photo was taken, in SwiftUI.

When using the PHPickerViewControllerDelegate the metadata can be obtained the following way:

Make sure to add the Privacy - Photo Library Usage Description key to the Info.plist file

Simple CustomPhotoPickerView example

I created a full example app of how to get and display photo metadata with the new PHPicker in iOS 14.

It can be cloned here:

Link to GitHub repo at simple branch which only contains the basics.

Link to GitHub repo at main branch which has the UI shown here.

As the PHPickerView is a UIView the UIViewControllerRepresentable protocol must be used for using it with SwiftUI.