Has anyone tried to use iOS native UITextField sin...

# compose-ios

[Anmol Verma]

Has anyone tried to use iOS native UITextField since compose textfield has some weird issues for now ?
I came up with something like this, wanted to check if someone already went ahead this path and had any issues ?

@Composable
actual fun TextField(
    modifier: Modifier,
    text: String,
    placeholder: String?,
    onTextChange: (String) -> Unit
) {
    UIKitView(
        modifier = modifier,
        factory = {
            val label = UITextField()
            label.setPlaceholder(placeholder)
            label.setText(text)
            label
        }, onResize = { view: UIView, rect: CValue<CGRect> ->
            CATransaction.begin()
            CATransaction.setValue(true, kCATransactionDisableActions)
            view.layer.setFrame(rect)
            CATransaction.commit()
        }, update = {
            onTextChange(it.text() ?: "")
        })
}

[Alexander Zhirkevich]

Had this issue https://github.com/JetBrains/compose-multiplatform/issues/3119. Btw, basic text field is already implemented as ComposeUITextField.

[Dima Avdeev]

You can look at https://github.com/JetBrains/compose-multiplatform-core/blob/f9dfd04e830b08d6e8146[…]/kotlin/androidx/compose/ui/interop/ComposeUITextField.uikit.kt

[Shivam Kanodia]

how can i use this in shared code i.e commonMain?

[Anmol Verma]

You will have to create a expected fun and import <https://github.com/JetBrains/compose-multiplatform-core/blob/f9dfd04e830b08d6e81463daa78551b0b8c28e96/compose/ui/ui/src/uikitMain/kotlin/androidx/compose/ui/interop/ComposeUITextField.uikit.kt#L19|ComposeUITextField> in iosMain sources @Shivam Kanodia

[Animasahun Ibrahim]

@Shivam Kanodia @Anmol Verma

@Composable
expect fun PlatformTextField(value: String, onValueChange: (String) -> Unit, modifier: Modifier)

iOS

@Composable
actual fun PlatformTextField(
    value: String,
    onValueChange: (String) -> Unit,
    modifier: Modifier,
) = ComposeUITextField(value, onValueChange, modifier)

Android

@Composable
actual fun PlatformTextField(
    value: String,
    onValueChange: (String) -> Unit,
    modifier: Modifier,
) = TextField(value, onValueChange, modifier)