Maybe a noob question. But what is the replacement of Android's Selector(Drawable State List) in Compose? I want to make a button that looks differently under certain conditions.

Pressed

,

enabled

,

disabled

,

focused

,

hovered

, etc.

I just want to say that I watched the thinking in compose video and it blew my mind. Thank you Android team!

Hello everyone! When recomposing is triggered on a click of a

Card

, the

backgroundColor

property is getting changed based on the condition, but not the

border

.

fun CardDisplay() {
    val selected = remember { mutableStateOf(true) }
    Surface(modifier = Modifier.fillMaxSize().gravity(Alignment.CenterVertically)) {
        Card(
            modifier = Modifier
                .size(32.dp).clickable(onClick = {
                    selected.value = !selected.value
                }),
            backgroundColor = if (selected.value) Color.Red else Color.Black,
            border = if (selected.value) BorderStroke(2.dp, Color.Green) else null,
        ) {

        }
    }
}

If you notice the

cardbug.mp4

video, the

border

property is not reflected since the green color border is not going off. But I tried changing the

border

width to

0.dp

and it’s working as expected. Is this the expected behaviour?

border = if (selected.value) BorderStroke(2.dp, Color.Green) else BorderStroke(0.dp, Color.Green),

Reading codelabs… It says

TextField

is stateless, but

TextFieldImpl

as a bunch of mutable states internally. How do we know if a Composable is stateless or not?

Hi, how do accessibility features work with compose ? Are there any resources about that ?

1413667: Prototype: Coroutine scrolling APIs | https://android-review.googlesource.com/c/platform/frameworks/support/+/1413667 very interesting... 🤔

I am developing a master/detail app, with a

LazyColumnFor

showing a list of items on the master screen. When click on an item to access the detail screen, and then I come back to the master screen, the position of the list is not kept. It is always reset to the top. Is there a way to keep the position of the

LazyColumnFor

?

Tried both - same issue

Is anyone else that's using https://github.com/zsoltk/compose-router getting "Backend Internal error: Exception during code generation" build error after updating to alpha02? I've commented out it's use and it's building fine.

by remember {  }

property delegate was removed? or any idea why it is not working?

Type 'TypeVariable(T)' has no method 'getValue(Nothing?, KProperty<*>)' and thus it cannot serve as a delegate

• AS 4.2.0-alpha09 • Compose 1.0.0-alpha02 Maybe the issue is AS cannot find the declaration of remember (though suggesting it in autocomplete) (import androidx.compose.runtime.rememberimport androidx.compose.runtime.remember)

How to mark external classes (imported from libraries or modules which don't depend on compose) as

Stable/Immutable

? I know that the public properties of that classes won't change

For some reason, my selectedNavigationTab resets itself to the initial value instead of retaining when a new navigationTab is selected. This occurs when the SignedInView is re-rendered on a theme change. What could I be doing wrong, this was working when I used the now removed 

state { xx }

TextField

- How can I style the underline colour, error text colour? Is there any attribute that I can set and it styles the

TextField

the way I want?

Card(color = MaterialTheme.colors.onBackground,
                elevation = 16.dp,
                modifier = Modifier.fillMaxWidth()
                    .height(160.dp)
            ) {
                Column(modifier = Modifier.fillMaxWidth()
                    .padding(horizontal = 32.dp),
                    verticalArrangement = Arrangement.Center,
                    horizontalGravity = Alignment.CenterHorizontally
                ) {
                    TextField(value = TextFieldValue("User"),
                        modifier = Modifier.preferredHeight(48.dp),
                        cursorColor = MaterialTheme.colors.background,
                        textColor = MaterialTheme.colors.background,
                        onValueChange = {})
                    Spacer(modifier = Modifier.height(16.dp))
                    TextField(value = TextFieldValue("Password"),
                        modifier = Modifier.preferredHeight(48.dp),
                        cursorColor = MaterialTheme.colors.background,
                        textColor = MaterialTheme.colors.background,
                        visualTransformation = PasswordVisualTransformation(),
                        onValueChange = {})
                    
                }
            }
            Spacer(modifier = Modifier.height(16.dp))
            Row(modifier = Modifier.fillMaxWidth(),
                horizontalArrangement = Arrangement.End,
                verticalGravity = Alignment.CenterVertically
            ) {
                OutlinedButton(onClick = {},
                    elevation = 16.dp,
                    border = Border(2.dp, color = MaterialTheme.colors.onBackground)
                ) {
                    Text(text = "Reset", color = MaterialTheme.colors.onBackground)
                }
                Spacer(modifier = Modifier.width(16.dp))
                Button(onClick = {},
                    elevation = 16.dp,
                    backgroundColor = MaterialTheme.colors.onBackground,
                ) {
                    Text(text = "Login")
                }
            }

The above code produces

Lot of things missing in

TextField

compare to

EditText

Material. Some basic things should be provided to style the look and feel.

Are there any samples out there of list item animations? Similarly to what

RecylerView

does when you add/remove/update/move items around. Is this even possible at this moment?

I was trying the Material TextField and OutlinedTextField and noticed some odd behaviour. On selecting the fields the cursor is very small and jumps in size once you enter text. Also the vertical size of the TextField increases, as can be seen in this gif. I found that if I set the

textStyle = MaterialTheme.typography.body2

for these components the problem went away. Is this expected behaviour?

Does compose work in stable Android Studio yet? Since it doesn't need the custom Kotlin compiler build anymore.

Folks did anyone manage to get Serialization working along compose (in the same module)? I browsed through the history and saw multiple comments on the topic but there aren't any comments on the last 2 weeks

hey i’m trying out the constraint layout in jetpack compose. Here are my gradle dependencies:

implementation "androidx.compose.ui:ui:$compose_version"
implementation "androidx.compose.material:material:$compose_version"
implementation "androidx.ui:ui-tooling:$compose_version"
implementation "androidx.compose.foundation:foundation:$compose_version"
implementation "androidx.compose.ui:ui:$compose_version"

And here’s the basic attempt on using ConstraintLayout:

@Composable
@Preview
fun PreviewGreeting() {
    ConstraintLayout(constraintSet = ConstraintSet {
        tag("someTag")
    }) {
        Greeting(greeting = "Hello world")
    }
}

I get the error thou saying unresolved reference tag. can smbd please tell me which dependency am I missing?

Just released a library for pretty-printing view hierarchies, and it supports composables too. Until LayoutInspector properly works with Compose, this might be helpful for debugging Compose apps. Feedback welcome! Note that it doesn’t actually depend on a specific version of Compose, it tries to be somewhat flexible about supporting at least a few recent versions. Github: https://github.com/square/radiography/ Blog: https://developer.squareup.com/blog/introducing-radiography/ Example output:

Hi everyone, how to make text scrollable?

Using the

Crane

sample as a template I'm making another pass at including a Google Map in Compose UI....I think this came up before but if I set

uiSettings.isZoomControlsEnabled

the zoom controls show on map but touching them doesn't do anything. The Crane sample sets up custom zoom controls outside map for what I'm guessing is the same reason ``````

I use a LazyColumnFor with expanding Contents. There are 4 collapsed Items, which will take up the entire screen when expanded. Now when you scroll down and collapse an item, it will not scroll automatically up. Is this behaviour intended? (I don't think so, since it can cause exceptions (-> Thread)). Is this a known issue?

Hello again. I am making my first attempts at animating in Compose. I have achieved the desired result, but the implementation does not suit me. The code is cumbersome and a little confusing. Does not look declarative. I believe there are better ways to achieve results with less effort, as you can see in the video. But I can't comprehend it. I hope for your help. Thank you in advance. The code: https://gist.github.com/sergeyfitis/c40e2b1a2b7c929da488f85e1d4c514f

Is a “loading wheel” icon available in Compose? to show in a loading screen

Why can I only decorate one parameter with

@PreviewParameter

? Is this going to change in the future?

Why is the mutableStateOf not wrapped by remember { } automatically? Having to write remember everywhere is just ugly and creates alot of noise

In

Text

, is there a way to specify the minimum text width in terms of

em

? I have a composable that displays a number and an icon. I want the icon to not move when the amount of digits in the number changes. The maximum amount of digits is 3, so I would like to somehow specify the width of

Text

to be

3 em

.

I am trying to replicate the Instagram like button animation, little confused how to proceed with compose animations. I can use ObjectAnimator if I had to implement it in a traditional way. Can anybody guide me on this?