Using Bottom Sheet on iOS

Anıl taşkıran
2 min readDec 28, 2019
The app design comes from the Dribbble shot made by op7418

Türkçe versiyonuna buradan ulaşabilirsiniz.

In March 2019, I was developing the dating app. I wanted to share with you the bottom sheet design that I came across while looking for a new design for the dating app. In another article, I will share my dating app journey experiences.

You can see the bottom sheet design below which is created based on the design from the Dribbble shot (made by op7418).

I had to work on it a bit more and actually convert it to a matching screen rather than a profile detail page. I’ll talk on the scrollable view instead of talking on the design. In fact, there are libraries that you can easily add and use on your project. But then there wouldn’t be any articles I could share here. 😅

The scrollable view that appears at the bottom is actually a child view attached as a subview. All I did here was set the frame of it that would appear on the main screen.

The first thing I did was to add Pan Gesture. Because it will move with our hand…

--

--