I'm trying to a framework to share webp files for Android and heic files for iOS for the same name of images? For example, I have a file called home . So we will have home.webp for Android and home.heic for iOS. I know we can just put the webp in androidMain/res/drawable-{density}/home.webp for Android. And call it like this:

/// Common Main
expect class PlatformImage 
  
class ImageAsset( 
    val name: String
) { 
    @Composable 
    fun toImage(): PlatformImage? = getPlatformImage() 
  
    override fun toString(): String = name 
} 

@Composable 
internal expect fun ImageAsset.getPlatformImage(): PlatformImage? 

/// Android Main
/// Should manually copy the assets to `androidMain/res/drawable-{density}/` first
actual typealias PlatformImage = Painter 
  
@Composable 
internal actual fun ImageAsset.getPlatformImage(): PlatformImage? { 
    Resources resources = context.getResources();
    final int resourceId = resources.getIdentifier(name, "drawable", 
        context.getPackageName());
    final drawable = resources.getDrawable(resourceId);
    return painterResource(drawable);
} 

But what about iOS? What I had in mind is like this. Is it correct?

/// iOS Main
/// Should manually copy the assets to `iosMain/res/xcassets/` first? Not sure.
/// is this correct?

actual typealias PlatformImage = UIImage 
  
@Composable 
internal actual fun ImageAsset.getPlatformImage(): PlatformImage? { 
    return UIImage.imageNamed(this.name)
} 

Thanks.

PS:

• The framework will be shared using Gradle for Android and SPM for iOS.
• The reason we separate the assets like this is because we want to optimize the build for app thinning and the advantage of sizes of both webp and heic.
• In the iOS main app, the framework will be embedded into it. So the framework's asset catalog should be able to be used on the main app.