This is with an example app from the compose samples

When using

imePadding()

it doesn't animate upon keyboard visible, but if I use

navigationBarsWithImePadding()

it animates. I only need to animate ime height excluding navBars height. @cb any inputs?

Hi there. Has anyone had trouble with using Compose in an existing screen? I have an Composable button that handles its own text. When the text is updated the whole element flashes on screen and appears to enter on the left or right side depending on whether the text is expanding or shrinking. I've tried adding

android:animateLayoutChanges="false"

to the xml file and have played around with

AnimatedContent()

and

.animateContentSize()

to no avail. I'm assuming it has something to do with the whole element being updated for some reason but am out of ideas on how to fix it, any thoughts?

Using compose navigation and a single activity app, I have a composable

SignInScreen

that should not follow the typical "back press = popBackStack". When on the SignInScreen, the MainScreen is in the stack, but in this case I want the app to just close. Where is the more appropriate place to override this? In the

SignInScreen

composable itself? Or on the activity level?

Does anyone know of a good way (example) of taking a landscape image and rotating it to fit the screen in portrait mode. I am trying to use the .rotate modifier but I've noticed that it messes with the images size for some reason

Hey, i have an

DialogFragment

which creates an

AlertDialog

with the

MaterialAlertDialogBuilder

. The customView I created for the

AlertDialog

is created with a

ComposeView

. Inside this View I create a

OutlinedTextField

. This "works" and the correct view show up. But unfortunately, the Keyboard does not show up on click on the

TextField

😱 I tried it already with the

FocusRequester

, and with a different

AlertDialog

(from androidx instead of material package). No luck. I moved the ComposeView into a "normal"

Fragment

. There, everything works as expected. So I guess it is a

DialogFragment

related issue... Can someone help me out here? Is this a bug? 🤔

Hello, I'm curios how to correctly use buttons so that they ripple animation plays out properly: Let's say I use a navigation icon to navigate to the profile screen of my application, once I tap on it the ripple effect starts and the navigation host changes the screen to the profile composable also the profile icon will now be replaced with the arrow back icon, I'm guessing because of re-composition the ripple animation never plays out and there is a very hard visual swap between icons and screens, this is also visible if you would have a lazy list with items and tapping on one item would remove it from the list, the tap ripple animation would never play out. My workaround was to just wrap all on click actions in an animateAfter() function that delays the actual on click by a few milliseconds to give the ripple animation time to play out. But it doesn't quite feel right doing this. My question is is there a correct way to do this? is this a bug? Should the on click action of the composable happen automatically at the end of the animation or somehow trigger across re-compositions? Thanks

is there any tutorial or learning guide for Jetpack compose for desktop

Trying out compose-navigation dialogs. What would be the correct way to navigate from the dialog? Currently navigating from it dismisses the dialog and I can’t go back, unless it navigates to another dialog. I’m using these dialog destinations as Full-screen dialogs, and some screens can be navigated to from this dialog and also from other

composable

destinations. I think the compose navigation behavior makes sense. I’m not sure what’s the right way to achieve the requirement, or whether I’m going against the navigation principles.

Stuck with a brand new weird problem after updating android studio to

canary 4

, If I put 13 of

composables

inside

NavHost

app will crash, error in thread

Hi, why rememberModalBottomSheetState ’s parameter confirmStateChange is called only when sheet is being hidden? When state changes to Expanded it’s not triggered

be careful using swipable and bottomsheet progress state, as it seems this bug has resurfaced again

Hey everyone! .. I am trying to a build a server-driven UI which supports declaring the layout at run-time, from the server, instead of at compile-time. Usually at compile-time I would use

Row

,

Column

or

Box

depending on what I want. You get additional modifiers based on the scope you are in..i.e

BoxScope.Modifier.matchsParentSize()

,

RowScope.Modifier.weight

..etc. I am looking into a way to get these values from the server. Since I don’t know which layout will be rendering at run-time.. I can’t have a scope. I have looked into something like

fun MyCustomLayout(someLayoutEnum: LayoutTypeEnum, content: @Composable () -> Unit) {
// do some work here
}

Which works to define the layout at run-time but you would still be stuck not knowing the scope and not being able to use

RowScope.Modifier.weight

for example. What I am going with right now is copying the Jetpack compose team logic of using a MeasurePolicy + Layout, which is either internal or private, and modifying it to accept a list of modifiers for each child.

val measurePolicy = rowMeasurePolicy(horizontalArrangement,verticalAlignment, modifiers) // This could be columnMeasurePolicy or boxMeasurePolicy
    Layout(
        content = { content() },
        measurePolicy = measurePolicy,
        modifier = modifier
    )

My question is, does anyone know a better way of doing this?

Hi, could you to explain me why am i not getting the result, what want to get. Code of

BindScopeWithComposable

in [Thread].

BindScopeWithComposable

(in my opinion) should remember result of

provideComponent

lambda between compositions even if i go to the next screen and back.

BindScopeWithComposable's

used in the root of Compose navigation graph [Thread]. When i interact with one screen wrapped in

BindScopeWithComposable

then

component

instance stay the same. But when i go to the next screen and back it is recomposing and new instance of

component

now used.

I'm about to get started on moving several large projects to compose, and I want to make sure that the architecture I planned on using would work well performance-wise. <tl;dr> I'm using a

Flow<SomeState>

with

collectAsState

instead of multiple

MutableState

and will rely on function skipping if the discrete fields in

SomeState

haven't changed (

SomeState

will be immutable). <\tl;dr> (longer description in thread)

I'm having this issue with autocompletion of composable parameters not working for quite some time. Arctic Fox RC1 has it too. Here you can see it failing to find

horizontalAlignment

. Does anyone know if this is fixed in Canary or ETA on the fix? It's a bit cumbersome to have to jump to compose sources when I forget these parameters...

Is InsetAwareTopAppBar no longer needed? I see it's gone here, but didn't noticed it in release notes. https://github.com/google/accompanist/blob/main/sample/src/main/java/com/google/accompanist/sample/insets/EdgeToEdgeLazyColumn.kt

Hi, is there an easy way to handle autofocus in TextField, I'm using HorizontalPager from Accompanist, I want to autofocus a TextField when Visible. But when I use FocusRequester() it's causing Wired behaviors like it also creates focus to the Next Composable's TextField

Are there any samples for detecting keyboard visibility? I've looked around and can't find any outside of

LocalView.current.rootWindowInsets?.isVisible(WindowInsets.Type.ime())

. But that's for api 30+... I've tried to use

accompanist's insets

api to see if there's insets (for the keyboard) but to no success.

I'm currently experimenting with using a SharedFlow in my Repository object, and using Compose's collectAsState() function. I noticed that emitting values doesn't update my composable. I ran a debugger with a breakpoint both on the emit line and on the internals of collectAsState. I can see that

collect { value = it }

inside of collectAsState() does get called, and 'it' has the correct value, but the UI does not change. The UI did properly respond when I used LiveData and observeAsState(), but I am wanting to switch to Flows.

How to scroll a lazy column by 100 px every 1 second? If I use this code, the

animateScrollBy

can be cancelled if I scroll the lazy column at the same time, and then the entire LaunchedEffect will be cancelled.

val scrollState = rememberLazyListState()

LaunchedEffect(Unit) {
    while (true) {
        delay(1000L)
        scrollState.animateScrollBy(100f)
    }
}

Are there callbacks for states in a Composable's life cycle similar to View system's?

I'm using accompanist pager for a horizontal pager, and I want to programatically move to the next page. I tried this (see what the button does onclick)

Column() {
    val pagerState = rememberPagerState(pageCount = 10)

    HorizontalPager(state = pagerState) { page ->
        Text(text = "Page: $page", modifier = Modifier.fillMaxWidth())
    }

    Button(onClick = { pagerState.animateScrollToPage(pagerState.currentPage + 1) }) {
        Text(text = "Test")
    }
}

But I get an error of

Suspend function 'animateScrollToPage' should be called only from a coroutine or another suspend function

I thought it was okay to have an event like this in an onClick event since it's not happening on every recomposition?

Hi, Do jetpack compose trustworthy for business applications? And can we publish an application written with Jetpack compose on Google Play?

If I'm in a pure compose app (no fragments), what Activity should I be extending and which artifacts can I remove from my app? I could have sworn that Ian said that once I go full compose I can remove appcompat libs entirely? (but my slack search is failing me)

Hey hey, any super duper compose testers out that could answer a couple questions for me? :) I want to do a quick smoke test where I open particular routes in the app. Similar to jetsnack https://github.com/android/compose-samples/blob/5f250deb3534a6488e45c72b1d101665c5ba0de4/Jetsnack/app/src/androidTest/java/com/example/jetsnack/AppTest.kt Qns in thread

Hi. Can you help me to remove start padding from buttons text

Hi. How do you shift the contents of the screen to the right when the drawer is opened?

What does the .then function on a modifier? What is the difference between

modifier = Modifier
    .then(Modifier.padding(it))
    .then(Modifier.fillMaxSize())

and

modifier = Modifier.padding(it).fillMaxSize()