diff --git a/examples/interop/ios-uikit-in-compose/shared/src/iosMain/kotlin/UseUITextField.kt b/examples/interop/ios-uikit-in-compose/shared/src/iosMain/kotlin/UseUITextField.kt index 62216c3f83..b1da6009b0 100644 --- a/examples/interop/ios-uikit-in-compose/shared/src/iosMain/kotlin/UseUITextField.kt +++ b/examples/interop/ios-uikit-in-compose/shared/src/iosMain/kotlin/UseUITextField.kt @@ -1,14 +1,11 @@ -import androidx.compose.foundation.border import androidx.compose.foundation.layout.fillMaxWidth import androidx.compose.foundation.layout.height -import androidx.compose.foundation.layout.padding import androidx.compose.runtime.Composable import androidx.compose.runtime.getValue import androidx.compose.runtime.mutableStateOf import androidx.compose.runtime.remember import androidx.compose.runtime.setValue import androidx.compose.ui.Modifier -import androidx.compose.ui.graphics.Color import androidx.compose.ui.interop.UIKitView import androidx.compose.ui.unit.dp import kotlinx.cinterop.ExperimentalForeignApi @@ -20,7 +17,7 @@ import platform.UIKit.UITextField @OptIn(ExperimentalForeignApi::class) @Composable -fun UseUITextField() { +fun UseUITextField(modifier: Modifier = Modifier) { var message by remember { mutableStateOf("Hello, World!") } UIKitView( factory = { @@ -37,7 +34,7 @@ fun UseUITextField() { ) textField }, - modifier = Modifier.padding(4.dp).fillMaxWidth().height(30.dp).border(2.dp, Color.Blue), + modifier = modifier.fillMaxWidth().height(30.dp), update = { textField -> textField.text = message } diff --git a/examples/interop/ios-uikit-in-compose/shared/src/iosMain/kotlin/main.ios.kt b/examples/interop/ios-uikit-in-compose/shared/src/iosMain/kotlin/main.ios.kt index 893c98a26d..f9f0d844ed 100644 --- a/examples/interop/ios-uikit-in-compose/shared/src/iosMain/kotlin/main.ios.kt +++ b/examples/interop/ios-uikit-in-compose/shared/src/iosMain/kotlin/main.ios.kt @@ -1,6 +1,7 @@ import androidx.compose.foundation.border import androidx.compose.foundation.layout.* import androidx.compose.material.Text +import androidx.compose.runtime.Composable import androidx.compose.ui.Alignment import androidx.compose.ui.Modifier import androidx.compose.ui.graphics.Color @@ -21,14 +22,15 @@ fun ComposeEntryPoint(): UIViewController = horizontalAlignment = Alignment.CenterHorizontally ) { Text("How to use UIKitView inside Compose") + UIKitView( factory = { MKMapView() }, - modifier = Modifier.size(300.dp).border(2.dp, Color.Blue), + modifier = Modifier.padding(4.dp).border(2.dp, Color.Blue).size(300.dp), update = {}, ) Spacer(Modifier.size(20.dp)) - UseUITextField() + UseUITextField(Modifier.padding(4.dp).border(2.dp, Color.Blue)) } }