If I’ve got a LazyColumn, and I am scrolled all the way to the bottom, and the IME opens, is it possible to make it so that the LazyColumn instead of keeping the scroll position as is (the bottom item gets hidden behind the IME) it moves that bottom item in view too? So it feels like that bottom item is moving together with the IME. I am using the foundation compose inset APIs and using WindowInsets.safeDrawing I have succeeded in making it so that I can then scroll myself and have the bottom item show propely (the correct amount of padding is added to the bottom of that LazyList) but I am not sure if I a can also at the same time achieve what I am describing above.

Hi everyone! 🙂 We’re trying to integrate a map (via MapBox) in our app and we’re having a hard time doing it “the proper compose way”. Especially when it comes to handling states and drawing/not re-drawing elements Simplified code in thread:

I have a form made of multiple

TextField

s and we hide and show those depending on some conditions. I wonder how to manage correctly the "next button" of the keyboard 🤔 If a

TextFied

is inside

AnimatedVisibility() {}

, when not visible, is it part of the composition still or not? Will the keyboard go to the next one?

This is configured within RippleTheme, so you could provide a custom ripple theme around the button

When using a LazyColumn we got access to

contentPadding

which is super convenient to do smth like this

LazyColumn(contentPadding = WindowInsets.safeDrawing.asPaddingValues())

. However when working with something that does not provide this convenient

contentPadding

parameter, one has to do something like this instead

Column(Modifier.windowInsetsPadding(WindowInsets.safeDrawing.only(WindowInsetsSides.Horizontal)).verticalScroll(rememberScrollState())) {
  Spacer(Modifier.windowInsetsPadding(WindowInsets.safeDrawing.only(<http://WindowInsetsSides.Top|WindowInsetsSides.Top>)))
  Stuff()
  Spacer(Modifier.windowInsetsPadding(WindowInsets.safeDrawing.only(WindowInsetsSides.Bottom)))
}

Is this simply the way to go or am I missing some API?

Is there a way for a composable to know if somewhere far away in the "parents" there's something that cover it ?

If I got a structure like this:

Box {
  SomeScrollableContent(Modifier.fillMaxSize())
  BottomAnchoredItem(Modifier.align(Alignment.BottomCenter))
}

Is there a way to make sure that my scrollable content is providing enough extra space at the end of the scrollable content so that when I’m scrolled all the way to the bottom the items are over this bottom anchored item?

When using Coil, and passing a ImageLoader down the composable tree, how do you usually handle this in your @Previews? I basically need a no-op ImageLoader object, I guess I simply need to make my own custom one and just call

FakePreviewImageLoader()

on each of those previews, but I must imagine someone else has had this before, so I wonder if there’s something better I could do.

Are there any examples of transforming US phone numbers in Compose with a text field? I’m sure there are. I can’t believe I can’t find one

I'm reading Thinking in Compose and have some questions about this part:

In Compose, you call the composable function again with new data. Doing so causes the function to be recomposed--the widgets emitted by the function are redrawn, if necessary, with new data. The Compose framework can intelligently recompose only the components that changed.

For example, consider this composable function which displays a button:

```@Composable

fun ClickCounter(clicks: Int, onClick: () -> Unit) {

Button(onClick = onClick) {

Text("I've been clicked $clicks times")

}

}```

Every time the button is clicked, the caller updates the value of

clicks

.

I don't understand why the last sentence is true. We don't see the

onClick

function. Are we supposed to infer that it is

() -> clicks++

and that

clicks

is bound to the parameter?

Hi Everyone, why i`m facing this error @Composable invocations can only happen from the context of a @Composable function at stringResource(R.string.dont_have_an_account) line?

derivedStateOf {
    buildAnnotatedString {
        withStyle(
            style = SpanStyle(
                color = PrimaryTextColor,
                fontSize = TextUnit(12f, TextUnitType.Sp),
                fontFamily = FontFamily(listOf(Font(R.font.poppins_regular)))
            )
        ) {
            append(stringResource(R.string.dont_have_an_account))
        }
        withStyle(
            style = SpanStyle(
                color = BlueColor,
                fontSize = TextUnit(12f, TextUnitType.Sp),
                fontFamily = FontFamily(listOf(Font(R.font.poppins_semibold)))
            )
        ) {
            append("  Create Here")
        }
    }
}

Is there any reason compose uses

UnconfinedTestDispatcher

in tests? It creates some weird scenarios. I.e. a network request followed by a navigate call inside a coroutine launched with

rememberCoroutineScope

will fail because it wont swap back to the main thread

Is there any equivalent

androidx.compose.material.MaterialTheme.colors.isLight

in

androidx.compose.material3.MaterialTheme.colorScheme

?

Can anyone help me in finding the root cause of the following error ? It is intermittent and happens when i scroll the lazyverticalgrid very fast. Compose version -

1.2.0-beta02

java.lang.IllegalStateException: Reading a state that was created after the snapshot was taken or in a snapshot that has not yet been applied
        at androidx.compose.runtime.snapshots.SnapshotKt.readError(Snapshot.kt:1827)
        at androidx.compose.runtime.snapshots.SnapshotKt.readable(Snapshot.kt:1822)
        at androidx.compose.runtime.snapshots.SnapshotKt.readable(Snapshot.kt:1813)
        at androidx.compose.runtime.SnapshotMutableStateImpl.getValue(SnapshotState.kt:130)
        at androidx.compose.animation.core.AnimationState.getValue(AnimationState.kt:344)
        at androidx.compose.animation.core.SuspendAnimationKt.animateDecay(SuspendAnimation.kt:190)
        at androidx.compose.animation.core.SuspendAnimationKt.animateDecay$default(SuspendAnimation.kt:182)
        at androidx.compose.foundation.gestures.DefaultFlingBehavior.performFling(Scrollable.kt:442)
        at androidx.compose.foundation.gestures.ScrollingLogic$doFlingAnimation$2.invokeSuspend(Scrollable.kt:358)
        at androidx.compose.foundation.gestures.ScrollingLogic$doFlingAnimation$2.invoke(Unknown Source:8)
        at androidx.compose.foundation.gestures.ScrollingLogic$doFlingAnimation$2.invoke(Unknown Source:4)
        at androidx.compose.foundation.gestures.DefaultScrollableState$scroll$2$1.invokeSuspend(ScrollableState.kt:148)
        at androidx.compose.foundation.gestures.DefaultScrollableState$scroll$2$1.invoke(Unknown Source:8)
        at androidx.compose.foundation.gestures.DefaultScrollableState$scroll$2$1.invoke(Unknown Source:4)
        at androidx.compose.foundation.MutatorMutex$mutateWith$2.invokeSuspend(MutatorMutex.kt:160)
        at androidx.compose.foundation.MutatorMutex$mutateWith$2.invoke(Unknown Source:8)
        at androidx.compose.foundation.MutatorMutex$mutateWith$2.invoke(Unknown Source:4)
        at kotlinx.coroutines.intrinsics.UndispatchedKt.startUndispatchedOrReturn(Undispatched.kt:89)
        at kotlinx.coroutines.CoroutineScopeKt.coroutineScope(CoroutineScope.kt:264)
        at androidx.compose.foundation.MutatorMutex.mutateWith(MutatorMutex.kt:153)
        at androidx.compose.foundation.gestures.DefaultScrollableState$scroll$2.invokeSuspend(ScrollableState.kt:145)
        at androidx.compose.foundation.gestures.DefaultScrollableState$scroll$2.invoke(Unknown Source:8)
        at androidx.compose.foundation.gestures.DefaultScrollableState$scroll$2.invoke(Unknown Source:4)
        at kotlinx.coroutines.intrinsics.UndispatchedKt.startUndispatchedOrReturn(Undispatched.kt:89)
        at kotlinx.coroutines.CoroutineScopeKt.coroutineScope(CoroutineScope.kt:264)
        at androidx.compose.foundation.gestures.DefaultScrollableState.scroll(ScrollableState.kt:144)
        at androidx.compose.foundation.lazy.grid.LazyGridState.scroll(LazyGridState.kt:279)
        at androidx.compose.foundation.gestures.ScrollableState$DefaultImpls.scroll$default(ScrollableState.kt:51)
        at androidx.compose.foundation.gestures.ScrollingLogic.doFlingAnimation-QWom1Mo(Scrollable.kt:345)
        at androidx.compose.foundation.gestures.ScrollingLogic.onDragStopped(Scrollable.kt:335)
        at androidx.compose.foundation.gestures.ScrollableKt$pointerScrollable$4$1.invokeSuspend(Scrollable.kt:216)
        at kotlin.coroutines.jvm.internal.BaseContinuationImpl.resumeWith(ContinuationImpl.kt:33)
        at kotlinx.coroutines.DispatchedTask.run(DispatchedTask.kt:106)
        at androidx.compose.ui.platform.AndroidUiDispatcher.performTrampolineDispatch(AndroidUiDispatcher.android.kt:81)
        at androidx.compose.ui.platform.AndroidUiDispatcher.access$performTrampolineDispatch(AndroidUiDispatcher.android.kt:41)
        at androidx.compose.ui.platform.AndroidUiDispatcher$dispatchCallback$1.doFrame(AndroidUiDispatcher.android.kt:68)
        at android.view.Choreographer$CallbackRecord.run(Choreographer.java:1225)
        at android.view.Choreographer.doCallbacks(Choreographer.java:1024)
        at android.view.ChoreographerExtImpl.checkScrollOptSceneEnable(ChoreographerExtImpl.java:319)
        at android.view.Choreographer.doFrame(Choreographer.java:913)
        at android.view.Choreographer$FrameDisplayEventReceiver.run(Choreographer.java:1212)
E/AndroidRuntime:     at android.os.Handler.handleCallback(Handler.java:938)
        at android.os.Handler.dispatchMessage(Handler.java:99)
        at android.os.Looper.loopOnce(Looper.java:233)
        at android.os.Looper.loop(Looper.java:344)
        at android.app.ActivityThread.main(ActivityThread.java:8191)
        at java.lang.reflect.Method.invoke(Native Method)
        at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:584)
        at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:1034)
    	Suppressed: kotlinx.coroutines.DiagnosticCoroutineContextException: [androidx.compose.ui.platform.MotionDurationScaleImpl@31e98ee, androidx.compose.runtime.BroadcastFrameClock@cb3d18f, StandaloneCoroutine{Cancelling}@603fc1c, AndroidUiDispatcher@2b1025]

Can anyone let me know which library you use for showing skeleton in Compose, and how you handle it?

we remember our own custom indication instance:

@Composable
    override fun rememberUpdatedInstance(interactionSource: InteractionSource): IndicationInstance {
    
//..
remember(interactionSource) {
            PressableIndicationInstance(
                isPressed = isPressed,
                cornerRadiusSizeInPx = cornerRadiusSize,
                scale = scale,
                overlayColor = color,
                overlayOpacity = config.overlayOpacity,
                hasOverlay = config.hasOverlay
            )
        }
}

nothing too crazy.

Just showing off 😁 This thingie I made recently. Custom

pointerInput

to convert drag gestures into "rotary" input with polar coordinates and custom layout which keeps rotating buttons "upright" (using

Modifier.rotate

wouldn't work here for them). I have made it using "slots": slot for "rotating base" and slot for "button", so it's customizable. Maybe one day turn it into a small lib.

hey guys looks like drawer gesture doesn't work when using horizontal pager inside scaffold. is there any workaround? maybe we can temporarily disable the pager gestures like we did with views in precompose era?

I'm trying to add a simple animation for one screen where I want to "fake" it looking like a bottom sheet. (appears from the bottom, and exits by moving down). This code below "works" but I noticed when I slow down the animation that the screen that I'm on before this FakeModal fades to grey when transitioning instead of staying there. Am I missing something simple here? I never really used android nav transitions in view-land before so maybe I'm missing something fundamental here. Thanks!

composable(
  Screen.FakeModal.route,
  enterTransition = {
    slideIntoContainer(AnimatedContentScope.SlideDirection.Up, animationSpec = tween(1500))
  },
  exitTransition = {
    slideOutOfContainer(AnimatedContentScope.SlideDirection.Down, animationSpec = tween(1500))
  },

I would need to take a look at the code first

I'm using

rememberSaveable

with

inputs

but despite what the javadoc says, the

init

block is not rerun when the

inputs

change. I need the value to be reinitialized when we return to this screen by popping the backstack and giving it new

inputs

. Is this not possible?

Is there a plan for supporting Material Symbols in compose?

Is there a way to make all buttons color for a specific page/Composable equal X color by default?

I want to utilize

Activity#addOnNewIntentListener()

within Compose. It works fine in general. However it's registered too later after a process death occurred. Code in 🧵

Hello! I have OutlinedTextField. When it is focused then software keyboard is opening. But if set readOnly to true while focused then software keyboard is closing and on after set readOnly to false and tap on OutlinedTextField software keyboard is not opening again. Throught this process field remains focused. What should I do to make software keyboard open after tap on field in such situation? P.S. if not triggering readOnly then software keyboard opens on tap if was closed as expected.

Hello, following the recommended Compose architecture for Android, I usually provide a UI state in my ViewModels in the following way:

val uiState: StateFlow<UiState> =
    combine(
        firstFlow,
        secondFlow,
        thirdFlow,
    ) { first, second, third ->
        UiState(
            first = first,
            second = second,
            third = third,
        )
    }.stateIn(...)

How to detect when soft-keyboard opened/closed?

I want to open my Activity A -> Activity B with

onActivityResult()

. 1. I am reading this stack overflow they are using LaunchEffect. So should I use this in my composable function. 2. I see @ianhanniballake stackoverflow using DisposableEffect so what's the use of this? 3. In normal xml activity we set

setResult(RESULT_OK, intent)

on Activity B when we want to submit something. So what do we use in compose function? Now I am adding my code.

I'm using

LazyVerticalGrid

with fixed columns, which makes the width of the items controlled based on column count, but I want to set the item width from itself and the rest space be blank. code in 🧵