Hello how do i dismiss the ios numeric keyboard af...

# compose-ios

[Dennis]

Hello how do i dismiss the ios numeric keyboard after typing. The characters keyboard have a done button that dismisses the keyboard. the done button is missing in the numeric keyboard, kindly assist

[tylerwilson]

The iOS numeric keyboard does not include a 'done' button, so what is typically done is that you have to add your own UIToolbar with a Done button to it. This is often done by attaching an input Accessory to the UITextField. But in the CMP case, this is not possible.
What I did was hook into the local notifications for keyboard hide and show. It does not do the right animation as yet, but it works. Also note it uses SnapKit, which can be replaced with raw iOS constraint code if needed.

[tylerwilson]

Call setupKeyboard from your viewDidLoad.

Untitled

[Dennis]

Thank you so much Tyler

[Stan van der Bend]

In latest dev build 1.10.0+dev2969 you can set the inputAccessoryView:

@OptIn(ExperimentalComposeUiApi::class)
actual fun numericPlatformImeOptions(onIosDone: () -> Unit): PlatformImeOptions? {
    return PlatformImeOptions {
        inputAccessoryView(
            value = DoneToolBar(onIosDone)
        )
    }
}

@OptIn(ExperimentalForeignApi::class)
private class DoneToolBar(
    val action: () -> Unit
) : UIToolbar(frame = CGRectZero.readValue()) {
    init {
        translatesAutoresizingMaskIntoConstraints = false
        sizeToFit()

        val flexSpace = UIBarButtonItem(
            barButtonSystemItem = UIBarButtonSystemItem.UIBarButtonSystemItemFlexibleSpace,
            target = null,
            action = null
        )
        val done = UIBarButtonItem(
            title = "Done",
            style = UIBarButtonItemStyle.UIBarButtonItemStyleDone,
            target = this,
            action = NSSelectorFromString(::handleTap.name)
        )
        setItems(listOf(flexSpace, done), animated = false)
    }
    @OptIn(BetaInteropApi::class)
    @ObjCAction
    fun handleTap() = action()
}

in keyboardOptions:

keyboardOptions = KeyboardOptions(
            keyboardType = KeyboardType.Decimal,
            imeAction = ImeAction.Done,
            platformImeOptions = numericPlatformImeOptions(
                onIosDone = {
                    focusManager.clearFocus()
                    submit(input)
                }
            )
        ),