A modern programming language that makes developers happier.

kotlinlang

Screen_Recording_20230621_143142_Compose Nice CheckBox.mp4

Hi guys. Lately, I've worked on a custom checkBox using `canvas` and `BlendMode` in order to accomplish some effects. 

I would appreciate a review of it and have your advice if I can make some improvements. 

Source code:
<https://github.com/kosher9/Compose_Nice_CheckBox|https://github.com/kosher9/Compose_Nice_CheckBox>

This is the result

1. Use `Modifier.toggleable()` instead of `Modifier.selectable()`. Read <https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier#(androidx.compose.ui.Modifier).selectable(kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.semantics.Role,kotlin.Function0)|the doc> of `Modifier.selectable()` for the difference between them.
2. `saveLayer` is very inefficient. Use `Modifier.graphicsLayer(compositingStrategy = CompositingStrategy.Offscreen)` instead of that.
3. What is `tickPaint` for? You are not using it.

Also: Checkboxes should never be round. Round checkboxes look like radio buttons and will clash with user expactation.
<http://danieldelaney.net/checkboxes/>
(coming from <https://kotlinlang.slack.com/archives/C01D6HTPATV/p1686824436961039>, was linked in the Medium article)

• Thank you <@U01JTGH1UMD> I think `Modifier.toggleable()`  is more appropriate here. 
• There is definitely a lot to learn on `Modifier` :sweat_smile:.  I struggled a lot to find a way to achieve this BlendMode effect. `saveLayer`  was my only one option so far. Thanks.
• I am using the `tickPaint`  now.

Thank you <@U01UU8RM8KU> I was trying to create the one used in telegram app using compose.