SwiftUI Bottom Sheet - Resizable

[@seanallen]

My iOS Developer Courses - seanallen.teachable.com

[@SanusiAdewale]

coming to this for like the 5th time this year. Your content is soo good!

[@MrMm2004]

Hi Sean, another great tutorial! I have searched everywhere for this exact tutorial and couldn't find it anywhere and you explain it literally in one minute! Perfect, thanks!

[@seanallen]

Happy to help, Marcus!

[@chadgoodyear7905]

Nice. I like the reverse video explanation order.

[@seanallen]

Thanks! I thought a lot about that actually... I wanted those who are familiar with SwiftUI to get the information ASAP, but also didn't want to neglect those still just learning.

[@ColeDano]

Good stuff Sean. I'm really liking the iOS 16 updates. Using this right now in my first Indy app. Loved your courses BTW, they really helped a lot!

[@seanallen]

Glad you enjoyed them, Cole!

[@EmmaKAlexandra]

As usual with SwiftUI, I spent a few days building something like this for my app last year. Now, Apple built it in & obsoleted my custom code. Thank goodness!

[@seanallen]

On the bright side... deleting old code is one of the best feelings in the world :)

[@EmmaKAlexandra]

@@seanallen I love a red diff

[@martinmajewski]

Good tutorial, thanks. One note: SF Symbols are flattened (pixelated) when applying the resizable modifier. You should thread your SFSymbols image like a text and change its size with .font(...). This way, it aligns with, e.g., neighboring text and stays dynamic to all the fancy UI effects, like Dark Mode.

[@midnight161]

Thank you for this! Just what I was looking for!

[@seanallen]

Happy to help, Amar!

[@TheChickenDuy]

Can't make the dimmable background interactable and can't make it resize to content inside :(

[@af2b]

Amazing!

[@seanallen]

Thank you! Cheers!

[@ChristopherCricketWallace]

well done, sir

[@seanallen]

Thanks Chris!

[@tripleverbosity]

Thanks Sean, nice quick tutorial. I was wondering if you knew of a way to size the sheet based on the size of the context using GeometryReader. I’ve been playing around with it but can’t get it to work. Ideally I’d like my sheet to be just big enough to fit the content.

[@piyushsharma1638]

We cant interact the underneath map using these sheets, half modal purpose is to have interactive views simultaneously, any solution for that?

[@rasheshbosamiya1482]

I have a TabView and want to present Bottom Sheet above the TabView, how can I achieve?

[@perrygupta]

ios 16 only, thats a bummer

[@mkhasson97]

Nice tutorial 👏🏻👏🏻👏🏻

[@seanallen]

Thank you 😊

[@vanylaskywalker]

How do you align the content of the sheet to the top instead of centered.

[@ahmedhamdy7168]

is there any option to adjust the height of bottom sheet if my app support iOS 15 ?

[@Stricken174]

Unfortunately, Apple doesn't give us the ability to customize the sheet itself. For example, corner radius or background color. Correct me if I'm dumb)

[@TerranceBaptiste1977]

Love the video but now I am stuck with my own mini project. I hope somebody sees this comment, here goes... I have an array of values that I want to display on a sheet like this video but each time I click on let's say an image, it only shows the first set of values. Am I missing something?

[@adamhelman3311]

About the button- would it have worked just as well if the button style struct that conformed to ButtonStyle was instead conformed to View and then have had the button’s label been an instance of that view?

[@seanallen]

Yup, that is another way of doing it.

[@EmanNollase]

so sad that this only available on iOS16 and newer

[@kironet]

I wish they'd port it to iso15... Does anyone know a good package? :D

[@juancarlosrangel2128]

Hello, I have a question. How Can I detect when de .sheet is dragged? And get his size height? Thank you

[@michaelheitz1808]

did you figure this out?

[@zehaolee7201]

how to make the contents of sheet react to the change of fraction?

[@seanallen]

I don't know. I would need to research that. An app like Maps has the entire view in the sheet, but you can only see the top half of it when in the .medium size. When you swipe up to .large, you see the entire view. But it's not dynamically changing... it's always there. You just can't see it in .medium.

[@benjimandel4836]

Is it possible to see/read the fraction value in the view code of the sheet? i.e., to show less or more content based on the size?

[@benjimandel4836]

Amazing tutorial btw

[@seanallen]

Not that I'm aware of. But this is a brand new modifier in iOS 16. I would need to dig deeper to see if this was possible. An app like Maps has the entire view in the sheet, but you can only see the top half of it when in the .medium size. When you swipe up to .large, you see the entire view. But it's not dynamically changing... it's always there. You just can't see it in .medium.

[@benjimandel4836]

@@seanallen Got it. Thanks. I thought it would allow for some cool animation, like buttons with icons expanding and adding text. Guess will have to wait to future updates. Maybe it will be added.

[@colephelps7321]

Show what works in ios 14

[@seanallen]

You need to build your own custom view pre-iOS 16

[@colephelps7321]

@@seanallen Okay. Is there a tutorial from you on how to build such custom UI?

[@bjp_for_2024]

code pls