`Surface` has separate versions for having or not having an kotlinlang #compose

Channels

100daysofkotlin

100daysofkotlin-2021

algolialibraries

android-architecture

android-databinding

androidgithubprojects

androidx-xprocessing

arrow-contributors

beepiz-libraries

cincinnati-user-group

codemash-precompiler

codingconventions

competitive-programming

competitivecoding

compose-android

compose-desktop

compose-ui-showcase

connect-audit-events

cscenter-course-2016

domain-driven-design

effective-kotlin

effectivekotlin

embedded-kotlin

event21-community-content

fb-internal-demo

fluid-libraries

framework-elide

getting-started

github-workflows-kt

graviton-browser

image-processing

intellij-plugins

intellij-tricks

introduce-yourself

java-to-kotlin-refactoring

jhipster-kotlin

jvm-ir-backend-feedback

k2-early-adopters

kotest-contributors

kotlin-by-example

kotlin-data-storage

kotlin-foundation

kotlin-in-action

kotlin-multiplatform-contest

kotlin-pakistan

kotlinforbeginners

kotlingforbeginners

kotlinprogrammers

kotlintest-devs

kotlinultimatechallenge

kotlinx-datetime

lambdaworld_cadiz

language-evolution

language-proposals

leedskotlinusergroup

library-development

machinelearningbawas

myndocs-oauth2-server

navigation-architecture-component

ohio-kotlin-users

pattern-matching

pocketgitclient

practical-functional-programming

prozis-android-backup

python-contributors

realworldkotlin

refactoring-to-kotlin

refreshversions

russian-kotlinasfirst

skia-wasm-interop-temp

sofl-user-group

spring-security

squarelibraries

stayhungrystayfoolish

strife-discord-lib

swagger-gradle-codegen

swiss-user-group

tricity-kotlin-user-group

Title

m

Marcin Wisniowski

05/04/2023, 2:31 PM

Surface

has separate versions for having or not having an

onClick

parameter. The control I’m building with it can be disabled, and then it shouldn’t be clickable. Normally I could conditionally apply

Modifier.clickable

, but with

Surface

I don’t see a clean way of achieving this without writing two separate `Surface`s to toggle between. Am I missing something?

r

romainguy

05/04/2023, 2:36 PM

You can use a conditional modifier. Example from SO:

fun Modifier.conditional(condition : Boolean, modifier : Modifier.() -> Modifier) : Modifier { return if (condition) { then(modifier(Modifier)) } else { this } }

I've used something similar myself a few times

Maybe we have something built-in for this now

But I don't know :)

m

Marcin Wisniowski

05/04/2023, 2:37 PM

I know, the problem here is that on

Surface

, you don’t use a Modifier to have it be clickable, the

Surface

itself has an

onClick

argument, and there is a separate version that doesn’t.

I think I’ll just use a Box instead so I can have a conditional

Modifier.clickable

.

Turns out I was in fact missing something. The clickable

Surface

also has an

enabled

argument that does exactly what I need. 😄

r

romainguy

05/04/2023, 3:08 PM

Ah my bad, I read your post too fast, sorry. And yeah I was going to mention

enabled

next

I should have my tea in the morning before I answer questions lol

c

Colton Idle

05/04/2023, 3:39 PM

I wonder if Card has an enabled property

i asked a pretty much identical question a few weeks back. lol

https://kotlinlang.slack.com/archives/CJLTWPH7S/p1680395202300949

m

Marcin Wisniowski

05/04/2023, 5:47 PM

A Card also has the

enabled

argument, which answers your version of this question. 😄

c

Colton Idle

05/04/2023, 8:59 PM

Oh yeahhhh. Nice! Thank you! TIL!

#compose Join Slack