How to actually use Kotlin files?

[hadiidbouk]

I want to have a bottom sheet to upload an image to the app through the Camera or the Gallery, I created a Kotlin file (my experience in Compose if very limited) and added it to the Skip folder alongside the Skip.yml file.

However, I cannot find the way to use this file in the ComposeView in my SwiftUI View.
Here is the file:

import androidx.compose.material.*
import androidx.compose.runtime.Composable
import androidx.compose.ui.tooling.preview.Preview
import androidx.compose.ui.unit.dp
import androidx.compose.runtime.rememberCoroutineScope
import kotlinx.coroutines.launch

@Composable
fun ImagePickerBottomSheet(cameraLauncher: ActivityResultLauncher<Unit>, galleryLauncher: ActivityResultLauncher<String>) {
	val coroutineScope = rememberCoroutineScope()
	val bottomSheetState = rememberBottomSheetScaffoldState(
		bottomSheetState = BottomSheetState(BottomSheetValue.Collapsed)
	)

	BottomSheetScaffold(
		scaffoldState = bottomSheetState,
		sheetContent = {
			Column {
				TextButton(onClick = { cameraLauncher.launch(null) }) {
					Text("Open Camera")
				}
				TextButton(onClick = { galleryLauncher.launch("image/*") }) {
					Text("Open Gallery")
				}
			}
		},
		floatingActionButton = {
			FloatingActionButton(onClick = {
				coroutineScope.launch {
					if (bottomSheetState.bottomSheetState.isCollapsed) {
						bottomSheetState.bottomSheetState.expand()
					} else {
						bottomSheetState.bottomSheetState.collapse()
					}
				}
			}) {
				Icon(Icons.Default.Add, contentDescription = "Open Image Picker")
			}
		},
		floatingActionButtonPosition = FabPosition.Center
	) {
		// Your main content goes here
	}
}

In my View:

			#if SKIP
			.overlay {
				if viewModel.isPickerActionSheetPresented {
					ComposeView { _ in
                                             // How to call the ImagePicker.kt file here 🤔
					}
				}
			}
			#endif

[hadiidbouk]

UPDATE:

I tried this:

			#if SKIP
			.overlay {
				if viewModel.isPickerActionSheetPresented {
					ComposeView { _ in
						ImagePickerBottomSheet(cameraLauncher = androidx.activity.compose.rememberLauncherForActivityResult(contract = androidx.activity.result.contract.ActivityResultContracts.TakePicturePreview()) { bitmap ->
							// Handle the returned bitmap
						}, galleryLauncher = androidx.activity.compose.rememberLauncherForActivityResult(contract = androidx.activity.result.contract.ActivityResultContracts.GetContent()) { uri ->
							// Handle the returned Uri
						})
					}
				}
			}
			#endif

But it shows an Expected expression error.

[marcprux]

We mention at https://skip.tools/docs/platformcustomization/#calling-kotlin-api that any Kotlin embedded in Swift code needs to follow Swift syntax conventions. We'll add some concrete examples soon, but the issue causing your error is that you are passing named argument with = (as Kotlin expects) rather than with : (as Swift expects), and you are passing the closure argument like bitmap -> (as Kotlin expects), rather than bitmap in (as Swift expectes).

So the equivalent swift-ified code would look something like:

#if SKIP
.overlay {
    if viewModel.isPickerActionSheetPresented {
        ComposeView { _ in
            ImagePickerBottomSheet(cameraLauncher: androidx.activity.compose.rememberLauncherForActivityResult(contract: androidx.activity.result.contract.ActivityResultContracts.TakePicturePreview()) { bitmap in
                // Handle the returned bitmap
            }, galleryLauncher: androidx.activity.compose.rememberLauncherForActivityResult(contract: androidx.activity.result.contract.ActivityResultContracts.GetContent()) { uri in
                // Handle the returned Uri
            })
        }
    }
}
#endif

There may be other non-syntax related errors in there, but those are the ones that jump out at me.

Also note that your Kotlin file should have a package declaration at the top that matches your app's package name. E.g., if your app is in the MyApp module, the Kotlin file should start with package my.app.

Let us know if you encounter other issues and we will help you work through them.

[hadiidbouk]

Thank you this was really helpful, I even made a simple compose file to test it but it wasn't working, the solution like you mentioned that we need to have a package declaration.