# bottom sheet

Published articles for bottom sheet.

This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles.

## Bottom sheet: Scrolling and interactions

DevFeed: [Bottom sheet: Scrolling and interactions](<https://devfeed.tech/articles/bottom-sheet-scrolling-and-interactions-38015.md>)

Original publisher: [Read original article](<https://habr.com/ru/companies/koshelek/articles/703260/>)

Author: Kotenagitare (Кошелёк)

Published: 2022-12-06T10:44:58Z

Content type: tutorial

Language: ru

Sources: ["Кошелёк" RU](<https://devfeed.tech/sources/ru.md>)

Topics: [Swift](<https://devfeed.tech/topics/swift.md>), [.NET 9](<https://devfeed.tech/topics/net-9.md>)

Tags: [bottom-sheet](<https://devfeed.tech/tags/bottom-sheet.md>), [bottomsheet](<https://devfeed.tech/tags/bottomsheet.md>), [development](<https://devfeed.tech/tags/development.md>), [ios](<https://devfeed.tech/tags/ios.md>), [swift](<https://devfeed.tech/tags/swift.md>), [uikit](<https://devfeed.tech/tags/uikit.md>)

### AI overview

The concluding article in a series explains how to extend an iOS bottom sheet with scrolling content and swipe-to-dismiss interactions. It covers interactive transition progress, UIKit's transition driver support, and gesture tracking with a pan recognizer.

### Source excerpt

Отображать контент в виде bottom sheet -- задача со звёздочкой сама по себе, но когда контента становится больше, чем помещается на контроллере, всё становится ещё любопытней. В третьей и заключительной статье про bottom sheet мы: 1) Добавим возможность закрывать контроллеры, презентованные как bottom sheet с помощью свайпа по контенту. 2) Реализуем отображение контента, который не имеет собственных значений высоты для autoLayout (контент с прокруткой). Читать далее

## Bottom sheet: Navigation

DevFeed: [Bottom sheet: Navigation](<https://devfeed.tech/articles/bottom-sheet-navigation-38012.md>)

Original publisher: [Read original article](<https://habr.com/ru/companies/koshelek/articles/697626/>)

Author: Kotenagitare (Кошелёк)

Published: 2022-11-28T11:11:09Z

Content type: tutorial

Language: ru

Sources: ["Кошелёк" RU](<https://devfeed.tech/sources/ru.md>)

Topics: [iOS](<https://devfeed.tech/topics/ios.md>), [navigation](<https://devfeed.tech/topics/navigation.md>)

Tags: [apple](<https://devfeed.tech/tags/apple.md>), [bottom-sheet](<https://devfeed.tech/tags/bottom-sheet.md>), [bottom-sheet-behavior](<https://devfeed.tech/tags/bottom-sheet-behavior.md>), [bottomnavigationview](<https://devfeed.tech/tags/bottomnavigationview.md>), [bottomsheet](<https://devfeed.tech/tags/bottomsheet.md>), [ios](<https://devfeed.tech/tags/ios.md>), [navigation](<https://devfeed.tech/tags/navigation.md>), [swift](<https://devfeed.tech/tags/swift.md>), [uikit](<https://devfeed.tech/tags/uikit.md>)

### AI overview

This second article in a bottom sheet series explains how to implement full navigation within an iOS bottom sheet using Auto Layout. It presents a custom navigation controller that mirrors UINavigationController, manages child view controllers, and supports navigation transition animations and a navigation bar.

### Source excerpt

Это вторая статья из цикла про bottom sheet, в которой мы воссоздаём поведение платёжного фрагмента в Кошельке по образу и подобию Apple Pay и сталкиваемся с тем, что это не так то просто. Из материала вы узнаете, как повторить полноценную навигацию в рамках bottom sheet отображения, основанного на autolayout, а не на неудобном ручном расчёте высоты. А ещё мы вместе повторим анимации навигационных переходов и добавим navigation bar как нативный способ управления навигацией. Читать далее

## Bottom sheet: Custom transitioning

DevFeed: [Bottom sheet: Custom transitioning](<https://devfeed.tech/articles/bottom-sheet-custom-transitioning-38013.md>)

Original publisher: [Read original article](<https://habr.com/ru/companies/koshelek/articles/697962/>)

Author: Kotenagitare (Кошелёк)

Published: 2022-11-17T14:46:51Z

Content type: tutorial

Language: ru

Sources: ["Кошелёк" RU](<https://devfeed.tech/sources/ru.md>)

Topics: [iOS](<https://devfeed.tech/topics/ios.md>), [Swift](<https://devfeed.tech/topics/swift.md>)

Tags: [animation](<https://devfeed.tech/tags/animation.md>), [bottom-sheet](<https://devfeed.tech/tags/bottom-sheet.md>), [bottom-sheet-behavior](<https://devfeed.tech/tags/bottom-sheet-behavior.md>), [bottomnavigationview](<https://devfeed.tech/tags/bottomnavigationview.md>), [bottomsheet](<https://devfeed.tech/tags/bottomsheet.md>), [custom](<https://devfeed.tech/tags/custom.md>), [ios](<https://devfeed.tech/tags/ios.md>), [presentation](<https://devfeed.tech/tags/presentation.md>), [swift](<https://devfeed.tech/tags/swift.md>), [tag-08a48a9394c3](<https://devfeed.tech/tags/tag-08a48a9394c3.md>), [uikit](<https://devfeed.tech/tags/uikit.md>)

### AI overview

This tutorial explains how to implement a custom transitioning delegate in an iOS application to present controllers as bottom sheets. It covers presentation and animation controllers, content-sized layout, and the example payment screen in the "Кошелёк" app.

### Source excerpt

Современные требования к дизайну мобильных приложений всё чаще подкидывают задачи по отображению контента со сложным поведением. Для его реализации необходимо понимание того, как работают кастомные презентация и транзишены. В этой статье я расскажу, как мы решили задачу по созданию экрана оплаты в приложении "Кошелёк" с помощью кастомной навигации между контроллерами, которые отображаются как bottom sheet. Читать далее

## Designing ClassPass for Android - touchlab

DevFeed: [Designing ClassPass for Android - touchlab](<https://devfeed.tech/articles/designing-classpass-for-android-touchlab-38112.md>)

Original publisher: [Read original article](<https://touchlab.co/2016-2-designing-the-classpass-experience-for-android>)

Published: 2016-02-19T19:56:55Z

Content type: article

Language: en

Sources: [Touchlab | Enterprise Mobile Innovation & Development](<https://devfeed.tech/sources/touchlab-enterprise-mobile-innovation-development.md>)

Topics: [Android](<https://devfeed.tech/topics/android.md>), [App](<https://devfeed.tech/topics/app.md>), [Material Design](<https://devfeed.tech/topics/material-design.md>), [iOS](<https://devfeed.tech/topics/ios.md>), [Toolbar](<https://devfeed.tech/topics/toolbar.md>)

Tags: [android](<https://devfeed.tech/tags/android.md>), [app](<https://devfeed.tech/tags/app.md>), [architecture](<https://devfeed.tech/tags/architecture.md>), [bottom-sheet](<https://devfeed.tech/tags/bottom-sheet.md>), [branding](<https://devfeed.tech/tags/branding.md>), [case-study](<https://devfeed.tech/tags/case-study.md>), [design](<https://devfeed.tech/tags/design.md>), [developers](<https://devfeed.tech/tags/developers.md>), [discovery](<https://devfeed.tech/tags/discovery.md>), [featured](<https://devfeed.tech/tags/featured.md>), [filter](<https://devfeed.tech/tags/filter.md>), [interface](<https://devfeed.tech/tags/interface.md>), [ios](<https://devfeed.tech/tags/ios.md>), [map](<https://devfeed.tech/tags/map.md>), [material-design](<https://devfeed.tech/tags/material-design.md>), [search](<https://devfeed.tech/tags/search.md>), [swipe](<https://devfeed.tech/tags/swipe.md>), [toolbar](<https://devfeed.tech/tags/toolbar.md>), [typography](<https://devfeed.tech/tags/typography.md>), [user](<https://devfeed.tech/tags/user.md>)

### AI overview

touchlab describes its design work adapting the ClassPass iOS experience for Android while preserving the product's branding and functionality. The article explains a unified map-and-results interface using search, filters, a bottom sheet, and an expandable toolbar.

### Source excerpt

In the summer of 2015, touchlab began working with ClassPass, that gives users access to a huge network of fitness facilities for a monthly subscription.