There is a Box，some buttons are in box content,how...

# compose

[wwalkingg]

There is a Box，some buttons are in box content,how can I disable these buttons ,make clickable disabled

[Kirill Grouchnikov]

Don’t add the clickable modifier, or mark the buttons as enabled=false

[Kirill Grouchnikov]

Whatever your condition is, express it in code and don’t make the buttons clickable

[wwalkingg]

Box can hold any content, I can't change the components in it

[wwalkingg]

In other words, a component DisableClickable is needed to make all incoming content unclickable

[Kirill Grouchnikov]

Do you want to prevent any user interaction with those components, including focus traversal, using keyboard to activate, accessibility helpers, low level custom application event handlers etc?

[Kirill Grouchnikov]

At this point it sounds like a classic XY problem where you’re asking questions about your chosen solution instead of the original problem you need to solve

[wwalkingg]

You are right, so what should I do to block these events in compose

[Kirill Grouchnikov]

What is the larger context for your question

[wwalkingg]

One area can switch all touch events, and there are many interactive components in the area

[Kirill Grouchnikov]

Interaction is not just touch based. There’s plenty of ways to interact with components in Compose across different form factors

[wwalkingg]

What if only clicks are disabled?

[Kirill Grouchnikov]

You still need to step back away from the specific solution and give some details about the problem. Is this a single code base? Who owns these components? Where do they come from?

[wwalkingg]

@Composable
fun EnableClick(
    enable: Boolean,
    content: @Composable () -> Unit
) {
}

@Composable
fun EnableClickExample() {
    //
    var enable by remember { mutableStateOf(true) }
    Column {
        Button(onClick = { enable = !enable }){
            Text("Change")
        }
        EnableClick(enable) {
            // Any component can be passed in here
            Button(onClick = {}) {
                Text("Button")
            }
        }
    }
}

is a component，If enable is false, I want all content in the content of EnableClick to be unclickable.

[Kirill Grouchnikov]

Where is the content coming from? Who owns it?

[wwalkingg]

content Content is not sure. It could be anything.

[Kirill Grouchnikov]

Try https://stackoverflow.com/questions/69142209/jetpack-compose-how-to-disable-gesture-detection-on-children

[wwalkingg]

it works thanks