How You Get the REAL Liquid Glass Effect In Compose Multiplatform

Hey guys and welcome back to a new video. Today I will show you how you can implement the real liquid glass effect in a cotlin multiplatform project along with compose multiplatform. So what you can see here on the left is the Android side where we just have normal material UI. We have like a normal pop-up menu. We have a normal bottom navigation view here in order to switch between screens. But then we also have our iOS UI. And here we really have this real liquid liquid glass look. We have our liquid glass bottom bar where we can really you can see that's the real liquid glass UI. So it's native UI. This is not mimicked in in any way. And I will show you how you exactly can achieve this that you have some parts specific to the native platform. So here the liquid glass look coming from the native rendering engine on iOS. So this is not mimicked as I mentioned. But then also having some other parts that may be sheared. So for example these this list here and all the list items that's something that we want to implement in compose multiplatform we want to share this logic but these platform specific details that give this native feel that is something we want to keep exclusive to the platform and achieving that is really not difficult if we take a look here in this project and I'm by the way now sticking to this kind of approach where I have prepared some code and I will really walk you through that in detail that's really the result of a recent poll that I've made because obviously this whole topic around AI generating code is is changing a lot how we write code and since not many people are writing code anymore themselves. My question was how I actually do this in future technical tutorials where I want to show you something and since I don't want to use an AI here in order to generate this code in the video that would be pointless not to learn something but it also kind of feels wrong to type this off because people's attention spans get shorter and shorter. I think a good compromise is that I actually prepare such code and then really walk you through that in detail. But in the end you can see we are in a compose and cotlin multiplatform project. So that consists of these following parts nowadays with gradal 9. We have our Android app module and that's really just the main activity the entry point for the Android side. We have our iOS module which is in the end it's not really a module but iOS package here which is uh in the end the same thing just for the iOS side. So here we have a bunch of swift files. So this is really the kind of native iOS side.