How can I animate a bottom navigation in/out in according to the screen transition with navigation for compose?

Hello! Is my understanding wrong of what should happen or is this a bug? When running an

updateTransition

, any updates to the

targetState

seem to not respect the passed

transitionSpec

but to create a new one with default values. E.g.: 1. Have an

updateTransition.animateFloat

with

transitionSpec = { tween(4000, 0, LinearEasing) }

2. Start a transition between states A → B 3. While the transition is running, set a new

targetState

for the transition: C ER: The transition towards the new state finishes in

4000ms

with

LinearEasing

AR: The transition towards the new state finishes in

300ms

with

FastOutSlowIn

easing (default values of

TweenSpec

)

Hi everyone 👋 Any hints what might be happening here, setting up a new compose project. config and error in 🧵

Simplifying a question I asked earlier: I need a modal bottom sheet that is only ever HIDDEN or EXPANDED. I never want it to be in a half-expanded state. Is that possible when using

ModalBottomSheetLayout

?

https://stackoverflow.com/questions/69904006/how-to-draw-3d-objects-in-jetpack-compose How to draw 3D objects like cube in Jetpack Compose? I want to draw a cube and rotate it. I could find any samples or tutorials for it except this. But it was too difficult for me.

Hello, is there any way to disable swipe gestures for HorizontalPager. i want to manage the swipe manually via the pager state.

I’m using navigation-compose 2.4.0-beta02. I open dialog destination and then restart application process. After restart that dialog is not visible but it looks like it’s still in backstack (I have to press back button 2x to leave the screen). Is this some known bug?

I am trying to make a composable draggable but also clickable, how can I do proper click routing? Code in 🧵

Is there a way to trigger the ripple click effect programmatically in compose?

It's great that :compose-multiplatform: Compose for Desktop gives us out-of-the-box SVG rendering support now, and unfortunate that the same direct support doesn't exist for Android 😞 . Those who are using SVG across multiple platforms including Android, what does your solution look like? In a recent project, I wrapped the

SVGView

from Caverock's AndroidSVG library. It was last updated in 2019 but works well, wrapped in an `AndroidView`; no complaints! I might do that again, but interested to hear alternatives?

Is there a way to make

Surface

to not set any

contentColor

, e.g. make it behave like a

Box

in this regard? I have custom colored content (Texts, Sliders, etc….), but as soon as I wrap them into a

ModalBottomSheetLayout

- which is backed by a

Surface

- everything gets tinted with the

contentColor

. I surely miss something here. 🤔

Does anyone know what is the proper way to use Factory with viewModel() functions? I couldn't find any official example (the best I could find was this Stack post, but I'm not sure using an object is ideal) https://stackoverflow.com/questions/67985585/why-do-we-need-viewmodelprovider-factory-to-pass-view-model-to-a-screen

What's the best way to implement a comment Composable and nested replies that follow it? I tried using nested

LazyColumn

but it's prohibited, so now I'm using a

Column

and loop thru items but that's not the most optimal solution. Any ideas?

How does one navigate screens controlled by bottom navigation and the bottom nav is in a screen in NavHost. The documentation it's pretty vague in this aspect. They implement a NavHost wc results in ViewModelStore should be set before setGraph call Exception

hey hopefully a quick one, has anyone been able to make an item focused for the previews in AS? My items have a focused style they show based on being focused (from an interaction source)

My material3 app wants material:1.0.0 very badly, and it can't find it. What should I do?

A question about whether to

remember

something or not. More in thread: 🧵

Can someone help me with the source id for Jetpack Compose? I have an app in the play store where you have to login, so the prelaunch rapport won’t login to test the application. So when I enter an username and account I have to put source-id. But I dont know where to find it? Is it like findViewById(R.id.xxxx) but then for compose?

How to do

NestedNavigation

(jetpack navigation) with arguments? How would I pass

id

to the

login

nav graph?

fun NavGraphBuilder.loginGraph(navController: NavController) {
    navigation(
        startDestination = "username", 
        route = "login/{id}", 
        arguments = listOf(navArgument("id") { type = NavType.StringType }),
    ) {
        composable("username") { ... }
        composable("password") { ... }
        composable("registration") { ... }
    }
}

Hi! Is there a way to have different Snackbar colors? On our design system we have 3 snackbar types: Success (green), Info (default), Error (red)

hi all!, does anybody know how can I restart a Transition?

val currentState = remember {
    MutableTransitionState(TransitionState.START)
        .apply { targetState = TransitionState.END }
}
val transition = updateTransition(currentState, label = "")

the initial composition triggers the transition but I need to restart it whenever a Canvas draws something, which happens some time after the initial Transition is triggered. I've tried doing

currentState.targetState = TransitionState.END

right before drawing inside the Canvas but it doesn't work.

I'm trying to (properly) implement Material Theming in my app so that it can support light and dark themes. One screen of my app requires additional colors beyond the Material primary, secondary, etc. I was looking at the Rally sample app as a model because it uses extra colors to color code the account types. However, it uses `Color`s, which appears to go against the advice to use

MaterialTheme.colors

instead. What is the recommended way to declare additional colors that are sensitive to theme changes? (References in 🧵.)

I know the general rule of thumb is to not overuse composition locals. Would analytics be an "okay" reason to use them or should I just properly keep passing them down into all of my composables?

Why were flow layouts removed from jetpack compose and added to accompanist?

Hello, In which container I can arrange tags element to fill the row first then start new row and not showing in a column or a row as the IMG shows

I have a data class that contains a mutableState property but when I create the object (through retrofit with a gson serializer) the mutableState property always ends with a the error

"Attempt to invoke interface method 'java.lang.Object androidx.compose.runtime.State.getValue()' on a null object reference

.

data class ActivationResponder(
    val id: Long,
    val firstName: String,
    val lastName: String,
    @SerializedName("callSign")
    val callsign: String,
    val phoneNumber: String,
) {

    var isChecked: Boolean by mutableStateOf(false)
    val name: String
    get() = "$firstName $lastName"

}

Any insight on to why that would be the case?

Trying to create a pinpad like this in compose and strugling more than I thought. Left is my "desired" look and the right is my implementation. My two main issues: 1. The text doesn't seem centered in my button? 2. I don't know how to make "DEL" show instead of just the D that's showing now. code in 🧵

Is it possible to move cursor to end position in TextField with initial value? I set it to the end of the text using TextFieldValue’s selection, and the cursor stays fixed at the last position even if the user clicks in the middle of the text. What I want is for the cursor to be positioned at the last position only when it is first focused, and the user should be able to move the cursor.

Trying to work on a custom

Layout()

. Have some problems with constraints, more in thread 🧵