Cannot create Button in Jetpack Compose

Question

What I found in most of the tutorial on the internet is:

@Composable
fun addButton() {
   Button(text = "I'm a Compose Button")
}

But android studio give me an error: type mismatch Required: () -> Unit, Found: String. I don't know how to fix this.

user_11377112 · Answer

According to the docs, To create a Button you have to specify the text inside the RowScope:

Button(onClick = {/* To execute when button is clicked */}) {
    Text("I'm a Compose Button")
}

The text is then set by Text() function defined in androidx.ui.foundation package.

You can find more about them in the material-ui docs: https://developer.android.com/reference/kotlin/androidx/ui/material/package-summary

user_7592063 · Answer

This is how you can add Button in Jetpack compose.

Button(onClick = {/*Handle click action */}, modifier = Modifier.padding(16.dp)) {
    Text(
        text = "Jetpack Compose Button"
    )
}

References:

[1] https://developer.android.com/reference/kotlin/androidx/compose/material/package-summary#button

user_9022125 · Answer

Use blow code

Button(onClick {/* your onClick listener */}){
   Text("I'm a Compose Button")
}

user_14281209 · Answer

I know it does not seems good but u have to do it like this

                Button(onClick = {handle Click Action }) 
                     {
                    Text(text = "Your Button Text")
                }

user_8884530 · Answer

those who are new in compose can use button simple button like this

    @Composable
fun MyButton() {
    Column(
        modifier = Modifier.fillMaxWidth().fillMaxHeight(),
        verticalArrangement = Arrangement.Center,
        horizontalAlignment = Alignment.CenterHorizontally
    ) {
        Button(
            onClick = {},
            modifier = Modifier.padding(all = Dp(10f)),
            enabled = true,
            border = BorderStroke(width = 1.dp, brush = SolidColor(Color.Blue))

        ) {
            Text(text = "I am a compose button", color = Color.White)
        }
    }
}

user_12460439 · Answer

You are not using the syntax,

you the this code:

    Button(onClick = {/*Handle click action */} ){
    Text(
        text = "Write the button text here"
    )
}

if you want to use modifiers then refer to this,

    Button(onClick = {/*Handle click action */}, modifier = Modifier.padding(16.dp)) {
    Text(
        text = "Write the button text here"
    )
}

Cannot create Button in Jetpack Compose

6 Answers