# How to create a reversed Bottom Sheet from the top in IOS?

**URL:** <https://forums.kodeco.com/t/how-to-create-a-reversed-bottom-sheet-from-the-top-in-ios/89506>\
**Category:** iOS\
**Created:** [November 27, 2019, 12:46pm UTC](https://forums.kodeco.com/t/how-to-create-a-reversed-bottom-sheet-from-the-top-in-ios/89506 "2019-11-27T12:46:18Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![wellbranding](https://assets.chunter.kodeco.com/user_avatar/forums.kodeco.com/wellbranding/32/81494_2.png) [@wellbranding](https://forums.kodeco.com/u/wellbranding)\
**Post date:** [November 27, 2019, 12:46pm UTC](https://forums.kodeco.com/t/how-to-create-a-reversed-bottom-sheet-from-the-top-in-ios/89506/1 "2019-11-27T12:46:18Z")

</div>

I need to implement a reversed bottom sheet which should be sliding from the **top of the parent view to the bottom**.I have done my research and found plenty of supported libraries, but all of them don’t work with sliding from the top of the view. I have tried to apply translation and **reverse a drawer layout by 180 degrees** in [Pulley](https://github.com/52inc/Pulley), but it created issues with safe area in iPhoneX for example.

Perhaps I am overcomplicating things with manually editing libraries, but I would like to get possible solutions or sample codes for creating this particular UI.

It should be done with regular interface builder in code, **not in Swift UI** at the moment.

---

<div class="post-metadata">

**Author:** ![shogunkaramazov](https://assets.chunter.kodeco.com/user_avatar/forums.kodeco.com/shogunkaramazov/32/108826_2.png) [@shogunkaramazov](https://forums.kodeco.com/u/shogunkaramazov)\
**Post date:** [January 12, 2020, 12:36am UTC](https://forums.kodeco.com/t/how-to-create-a-reversed-bottom-sheet-from-the-top-in-ios/89506/2 "2020-01-12T00:36:00Z")

</div>

@wellbranding Do you still have issues with this?

---

<div class="post-metadata">

**Author:** ![jayantvarma](https://assets.chunter.kodeco.com/user_avatar/forums.kodeco.com/jayantvarma/32/111768_2.png) [@jayantvarma](https://forums.kodeco.com/u/jayantvarma)\
**Post date:** [January 14, 2020, 9:50am UTC](https://forums.kodeco.com/t/how-to-create-a-reversed-bottom-sheet-from-the-top-in-ios/89506/3 "2020-01-14T09:50:42Z")

</div>

Hi @wellbranding,  
are you wanting to solve this using Pulley? You can use a simple view controller and add to it a pan gesture to even slide it off screen.

cheers,

---

<div class="post-metadata">

**Author:** ![wellbranding](https://assets.chunter.kodeco.com/user_avatar/forums.kodeco.com/wellbranding/32/81494_2.png) [@wellbranding](https://forums.kodeco.com/u/wellbranding)\
**Post date:** [January 20, 2020, 8:41am UTC](https://forums.kodeco.com/t/how-to-create-a-reversed-bottom-sheet-from-the-top-in-ios/89506/4 "2020-01-20T08:41:04Z")

</div>

Yes, I have. I updated my post. Sorry, I have unsubscribed from Raywenderlich after receiving no support in forum.

---

<div class="post-metadata">

**Author:** ![wellbranding](https://assets.chunter.kodeco.com/user_avatar/forums.kodeco.com/wellbranding/32/81494_2.png) [@wellbranding](https://forums.kodeco.com/u/wellbranding)\
**Post date:** [January 20, 2020, 8:42am UTC](https://forums.kodeco.com/t/how-to-create-a-reversed-bottom-sheet-from-the-top-in-ios/89506/5 "2020-01-20T08:42:05Z")

</div>

I don’t want to use pulley for this. Can you show an example code for such feature?

---

<div class="post-metadata">

**Author:** ![wellbranding](https://assets.chunter.kodeco.com/user_avatar/forums.kodeco.com/wellbranding/32/81494_2.png) [@wellbranding](https://forums.kodeco.com/u/wellbranding)\
**Post date:** [January 20, 2020, 8:43am UTC](https://forums.kodeco.com/t/how-to-create-a-reversed-bottom-sheet-from-the-top-in-ios/89506/6 "2020-01-20T08:43:32Z")

</div>

Hello, I am polishing my code and also trying to improve my UIKit skills. One of the hardest things was to create a slide down view from the top of the screen to the bottom. Here is an example (my view looks exactly the same, except it is reversed, and the sliding panel is located in the top of the screen):  
 ![slidetoptobottom](https://files.chunter.kodeco.com/original/3X/7/7/779e7d7ccfaa43d9ca68eefa0c2563c24b89366c.gif)  
I need the reversed draggable view

I have tried to modify this [framework known as Pulley](https://github.com/52inc/Pulley). I did not understand the internals very well and I tried to rotate the whole ViewController by applying transform:

` parentVC.view.transform = parentVC.view.transform.rotated(by: .pi)`

It worked well, but it broke then I have added a custom ViewController transition. This is why I would like to create this draggable panel myself from scratch.

However, I feel I am lost, because I don’t know if that draggable panel should be treated as View or maybe ViewController…

How would you approach this problem?

Any recommendations?

---

<div class="post-metadata">

**Author:** ![system](https://s3.amazonaws.com/cdn.raywenderlich.com/community/forum-assets/noun-game-ghost-878668.png) [@system](https://forums.kodeco.com/u/system)\
**Post date:** [May 12, 2020, 4:46am UTC](https://forums.kodeco.com/t/how-to-create-a-reversed-bottom-sheet-from-the-top-in-ios/89506/7 "2020-05-12T04:46:19Z")

</div>

This topic was automatically closed after 166 days. New replies are no longer allowed.
