There are two bugs related to

Result

affecting 1.4.31, which is needed by compose beta: • https://youtrack.jetbrains.com/issue/KT-44867 • https://youtrack.jetbrains.com/issue/KT-45259 These problems result in a

ClassCastException

and the subsequent app crash. Is there any workaround? How are people using compose dealing with this?

Finally https://github.com/google/accompanist/pull/259 🎉

What's the preferred way to create the expand/collapse effect on a row item? I think I saw Chris Banes do this on twitter once (months ago) but I can't find it. It looks like there are two ways to do this. 1. On the root composable you can call the

.animateContentSize()

modifier 2. Have the expandable content wrapped in

AnimatedVisibility {}

composable At runtime the behavior of

AnimatedVisibility

looks slightly better I think? Code examples of each in thread.

hi, is there way to set gravity in TextField?

Using MutableState, MutableStateFlow or MutableLiveData (are there others?) in a @Composable function will automatically trigger recomposition when the underlying data changes. Say I have my own DataHolder to some data (a graph) and that my DataHolder receives notifications when the underlying graph data changes. It also notifies whoever is observing it. Is there a way to use my DataHolder in @Composable functions in the same way we would use MutableState so that it will trigger recomposition? For example implementing the State<T> interface?

ClickableText(
    modifier = Modifier
        .align(Alignment.CenterHorizontally)
        .padding(top = 10.dp)
        .indication(
            interactionSource = remember { MutableInteractionSource() },
            indication = rememberRipple(true)
        ),
    text = noAccount,
    style = MaterialTheme.typography.subtitle2
) {
    Timber.d("$it")
}

How to add ripple in ClickableText?Above code did not work.Am i doing it wrong?

Hi All, what will be the best approach to build a similar UI shown in the video below. I'm confused if i should write a custom ViewPager, or I should use Navigation in compose to build this. Or there is something else which can be used

Hi All! I've been given a design to implement in Compose that has a primary colour that doesn't contrast much with the desired surface colour and background colour. So, TextButton content ends up nearly invisible since the primary colour is chosen as the default content colour for the text. I could make text buttons use the secondary colour like this:

TextButton(
                colors = textButtonColors(contentColor = MaterialTheme.colors.secondary),
                onClick = {
                }
            ) {
                Text("To Step 2")
            }

But I'd like to have something like this globally. Is there a way to provide the correct colour in my theme?

Is this the correct way of using text on a canvas in Compose? :thread-please:

Showkase has been updated to use

beta-02

. For the folks who are new here, Showkase is Airbnb’s library that auto generates an UI component browser for your Compose UI elements. More details in this thread I previously shared - https://kotlinlang.slack.com/archives/CJLTWPH7S/p1598635176423700

In this code example using

Crossfade

(see thread), when I click "Reset", the

Button

labelled "Button" fades and goes back to full color. I don't know what that animation is, or why it's animating anything at all.

Hey folks, I believe I just found a bug involving a

Box

with

scale

set to 0f and content with an

onClick

handler. When scale is 0f, the content’s

onClick

handler will be applied to the whole window. Reproducible code coming below, replying to myself.

This afternoon I've been trying to get an animation to run as follows: when some state, call it

isVisible

is false, animate the alpha of a component infinitely between zero and one. If

isVisible

is true, animate the current alpha up to 1.0f. Code in thread.

I published a small

GridLayer.kt

gist for those who could be interested. It aims at displaying a (configurable) grid to ease alignment when implementing design mockups (defaults to

8.dp

and red color). https://gist.github.com/opatry/fde12d9a5c52179338613278d901eacb

I'm using

ViewModel

as a state container for a Composable screen. The

ViewModel

is scoped to the nav graph via

@HiltViewModel

& `hiltNavGraphViewModel()`` . It seems that this pattern does not support assisted injection into the

ViewModel

, so I have to pass initial state to the screen's Compose function, and then pass that state into the

ViewModel

. This feels a bit uncomfortable. Am I approaching this the wrong way?

Earlier, with

onImeActionPerformed

argument to TextField, I had a chance to implement some global logic for all the actions. Like I had written if the action was

Done

, hide the software keyboard and it was possible to do so because of the handy

softwareKeyboardController

argument to

onImeActionPerformed

. How can I do the same using KeyboardActions now? The callback methods are not “Composables” so I won't even be able to use

LocalSoftwareKeyboardController.current

Hi, I'm trying to change OutlinedTextfield's background color, but It's not applying. Anybody knows why?

OutlinedTextField(
    value ="", 
    onValueChange = { /*TODO*/ },
    colors = TextFieldDefaults.outlinedTextFieldColors(backgroundColor = Color.White)
)

I was just exploring on Compose navigation. So, we have the following for scoping ViewModel to the destination.

val exampleViewModel = hiltNavGraphViewModel<ExampleViewModel>()

However, I couldn’t find anything or any info on passing a

ViewModelProvider.Factory

above (in case there are parameters for the ViewModel constructor). Am I missing something or is it yet to be developed?

How to use

rememberSaveable

for

TextFieldValue

?

Hey folks! I’m using ExoPlayer in Compose with

AndroidView

and I need to set a layout attribute as described at https://exoplayer.dev/ui-components.html#choosing-a-surface-type. I’m having trouble finding how I should do this. Could someone point me in the right direction? I’m going to add a small code snippet in a reply below.

I've create a

Zoomable

layout for Jetpack Compose that can easily handle zoom in and out with dragging support, hope it can help: https://github.com/Tlaster/Zoomable

Hi everyone! I see this in

SubcomposeLayout.kt

:

"Intrinsic measurements are not currently supported by SubcomposeLayout"

Will intrinsic measurements soon be supported in

SubcomposeLayout

? Or is the intention for it to never support intrinsic measurements?

Hi. I'm using an IconButton to show a

DropdownMenu

, how can I test it? at least test that some child is shown, or whole dropdown

Complete animation noob here. Never touched animations in the regular view based system (the only animations entered my app when Lottie became a thing) And now I'm trying to build this little animation. How would I go about creating a fluid arrow like this (that the pixel launcher used to have way back when. I swear that @cbtweeted about this as an AVD a while back but I can't find the tweet. Maybe it was Nick Butcher?). Animated vector drawable in compose? animate*AsState? Lottie?

Can we update the inner padding of TextField to avoid the text being cropped depending of the TextField height ? I created a custom TextField to looks like a SearchView, but when I'm trying to customize the height, text is heavily cropped. Code in thread

Are there any docs for text on a canvas? I am using

TextDelegate

as kindly suggested here to use text on my canvas. But beyond that I am a little lost and would welcome some examples of how to position words precisely, for instance. Googling is not helping much as yet. 😅

Are there Compose Color alternatives for the ColorUtils.blend*() methods? I imagine there's something to support the multiple color animation APIs but I'm not sure where to look

Would there be material color picker version of Jetpack Compose for theme?

If anyone have implemented a login api in compose screen with viewModel can you please share a gist. I am a little confused about how to do it properly