Create a Splash Screen in Compose Multiplatform for iOS & Android - KMP for Beginners

Поделиться
HTML-код
  • Опубликовано: 29 ноя 2024

Комментарии • 24

  • @ASTAppLab
    @ASTAppLab 4 месяца назад +5

    Hi Philipp,
    I have been searching for a tutorial about creating a splash screen in Jetpack Compose, and now you've published exactly what I needed! Your tutorials are always so clear and helpful. I really appreciate your work and dedication to the Android development community.
    Thank you so much!

  • @BrianChu888
    @BrianChu888 3 месяца назад +4

    Basically, splash is UI specific, nothing is shared except the resource.

    • @ChrisAthanas
      @ChrisAthanas 3 месяца назад +2

      It’s platform specific, yes

  • @erfan863
    @erfan863 4 месяца назад +6

    great video ! does any one know how we can do this in compose desktop too? we have a cmp app that takes a little time to launch on desktop even after installing it with installers( msi, dmg , deb ). In android this is just fine because we can simply show a splash screen , but I didn't find any solutions for desktop

    • @ChrisAthanas
      @ChrisAthanas 3 месяца назад +1

      You will likely have to show your own compasable at launch, as there is no facility for this on desktop

  • @10wyk-f2y
    @10wyk-f2y 4 месяца назад

    I have a question, right now i have a cmp project but I need to build ios app with swiftUI only, should I delete iosMain and nativeMain dirs inside of composeApp module or not?

  • @kylixezasaputra5515
    @kylixezasaputra5515 3 месяца назад

    Hi phillpp, I wanna ask something. How to implement logic while splash screen is showing up for the iOS in xcode?

  • @jammiec9461
    @jammiec9461 3 месяца назад

    For anyone who runs the project but the splash screen does not appear: stop running your project -> run the app by clicking the icon on the Android emulator (the app has your project as its name), you will see the icon appear briefly.

  • @hussein9577
    @hussein9577 4 месяца назад +1

    Great video , nice haircut btw.

  • @Savio-d4w
    @Savio-d4w 3 месяца назад

    Hi Philipp
    Is not CM supposed to be design once and work across all platforms similar to Flutter? If so then why is the SplahScreen designed in Xcode and AS?

    • @PhilippLackner
      @PhilippLackner  3 месяца назад +1

      @@Savio-d4w cause it's a native feature that each platform has its own way for. CMP allows to share the "normal" UI

  • @Gwabstech
    @Gwabstech 3 месяца назад

    is like this only support newer android versions so how do we handle lower versions

  • @ThierryVanDamme-e8b
    @ThierryVanDamme-e8b 13 дней назад +1

    It works fine on Android, but on iOS, a fully white screen appears instead of the splashscreen, both on simulators and device. I even tried with the default launch screen and its default texts. I notice that the field "Launch Screen File" empties itself all the time when I leave the page. Cleaning build folder and uninstalling the app does not solve the issue. Tried older simulators with no success.

    • @ThierryVanDamme-e8b
      @ThierryVanDamme-e8b 12 дней назад +1

      I could only make it work by using the "Launch Screen" property in Info.plist. Add the property "Image Name" to "Launch Screen" and set the name of the asset as its value. I am using Xcode 16.

  • @mikegehard6402
    @mikegehard6402 4 месяца назад +1

    You mention side effects using a composible. What are those? I’ve implemented a multiplatform splash screen using composible and navigation but don’t see any issues yet. 🤷🏼‍♂️

    • @PhilippLackner
      @PhilippLackner  4 месяца назад +2

      @@mikegehard6402 side effect is that two splash screens will show

    • @ChrisAthanas
      @ChrisAthanas 3 месяца назад +4

      The problem occurs when the app is coming back from process death (ie: your app was removed from memory)
      You have to force this condition from the ide, as the OS normally decides what apps to kill when resources get low

  • @mrmohammadshah
    @mrmohammadshah 3 месяца назад

    How to UI design using kotlin multiplatform?

  • @supreetprajapati9317
    @supreetprajapati9317 3 месяца назад

    I have done the similar process for android but for virtual device of API 30 its giving a round shaped icon but for the same line of code in a physical device of API 33 it is giving a boxed icon(i.e. squared icon). Does Anyone know how to solve this issue?

  • @rricardobs
    @rricardobs 4 месяца назад +1

    I created a new project, followed the tutorial but the logo is not shown on the SplashScreen. I also did git clone the project of the video, run it and the same thing happens. Does anyone face the same problem? I just download the code and run it. Logo not showing. Thanks for the video.

    • @ChrisAthanas
      @ChrisAthanas 3 месяца назад +1

      Which android OS are you running? Or is this iOS?

    • @abdullahkardas8887
      @abdullahkardas8887 3 месяца назад

      yes, it is true. try to install it on physical device

    • @vishnutejareddy8596
      @vishnutejareddy8596 2 месяца назад

      when you try to run it by clicking play button from android studio not only on ios but in android too splash screen won't appear
      open the app from the emulator by clicking the app icon and you will see the splash screen for sure.