Hi! I want to create transition animation like this: next screen appears from bottom (and it less than previous), then it is increasing and slide to previous screen bounds. Like a plate when you put in plate stack. Seems that i can do it with AnimatedVisibility.

expandIn + slideInVertically

will do the thing. But whatever alignment param looks like it not working at all, i set it as

Center

, but next screen expands from side (video, gray background for better vision). Why can be that? (Code in Thread)

How to correct use animation with compose navigation? If i wrap

composable

content of navigation graph in animation then animations will always the same whether

composable

content appears on first open or it appear from bacstack. What if i want forward animation on first open, but it must be backward when screen appears from backstack?

Can the TabRow in compose be able to customize the width of the Tab? I am trying to adapt the width of the tab to the width of its inner content

Hello i want to create UI for both English and Arabic, can anyone share regarding font

What's the approach in Compose when you have a bottom nav hosted in the activity but want a full-screen screen in some destinations? Just hide the bottom nav through a callback + a state variable? I'm worried if this could get out of sync somehow.

Is there a bug in the bottom nav docs? https://developer.android.com/jetpack/compose/navigation#bottom-nav I've checked it a dozen times and when I click a bottom nav destination twice, the screen goes empty (except for the starting destination)

Why can throws illegal argument exception when i call 

rememberAnimatedNavController()

 from accompanist library? Looks like bug

I want to see a complex example of AndroidView include update

AndroidView(
    factory = { context ->

        TextView(context).apply {
            text = "Initial Value"
        }
    },
    update = {
        it.text =  message
    }
)

HI Everyone, is there any reference how to support Arabic and English in compose

How can I use Line chart 📉 in compose ?

Is there a way to disable the default enter/exit crossfade transition ? I'm using AnimatedNavHost to animate the transition between my Composable however I wanted to have transition only for the subscreen of my app

I'm sometimes getting an IllegalStateException when rapidly navigating between items on my BottomNavigation. The exception is:

java.lang.IllegalStateException: You cannot access the NavBackStackEntry's ViewModels until it is added to the NavController's back stack (i.e., the Lifecycle of the NavBackStackEntry reaches the CREATED state).

My BottomNavigation code is:

@Composable
fun BottomNavBar(navController: NavHostController, bottomNavItems: List<AppScreen>) {
  BottomNavigation {
    val currentRoute = navController.currentDestination?.route
    bottomNavItems.forEach { screen ->
      val selected = currentRoute == screen.route
      BottomNavigationItem(
        icon = { Icon(painter = painterResource(id = screen.iconId), contentDescription = null) },
        label = { Text(screen.name) },
        selected = selected,
        onClick = {
          if (!selected) {
            navController.navigate(screen.route) {
              popUpTo(navController.graph.findStartDestination().id)
              launchSingleTop = true
            }
          }
        }
      )
    }
  }
}

It seems to be due to the combination of calling popUpTo() and setting launchSingleTop. If either or both of those lines are removed, the problem goes away. Any ideas what I can do to fix this? Is the problem here, or maybe due to something I'm doing in one of my screens?

I asked today this question, but from a bit different side 🙂 But i didn’t get any answers, and should to expand it Why this

EnterTransition

[thread] doesn’t run animation, that i expect: screen appears from bottom, and change size from 90% to 100%, but run another animation: screen appears from side. I think this happens because animation runs in container that size is not match the screen. For example if i pass this transition into

AnimatedVisibility

and wrap it with

Box(Modifier.fillMaxSize, contentAlignment = Center)

then animation runs exactly as i expect. But now i use

AnimatedNavHost

from

accompanist

lib and same wrapping impossible, because i pass transitions right in graph, not wrap anything with

AnimatedVisibility

. So question is - how to avoid incorrect animation behavior when it runs in default container? Is this behavior really incorrect or am i use api incorrectly?

Is it possible to adjust the padding between a TextField and Keyboard ? Detail in 🧵

I have

Box(modifier = Modifier.heightIn(min = 40.dp)) {
  Canvas(modifier = Modifier.fillMaxHeight()) { ... }
  OtherContent()
}

and

Canvas

composable doesn't fill

40.dp

, and is

0.dp

in height actually. If I swap

heightIn

with

height(40.dp)

, then it works. How do I make it so that child either fills

40.dp

or more if total Box height ends up to be larger (due to

OtherContent

)?

I have a

LazyVerticalGrid

inside a

Column

, I want to make the whole

Column

scrollable, how can I do that? I tried using

Modifier.nestedScroll

but not sure how it works

Column {
    SomeButtons()
    SomeImages()
    LazyVerticalGrid()
}

I want to hide my bottom nav on certain screens. Right now I'm using the route to compare destinations. This doesn't work with optional arguments anymore, because the

route

property of the `navBackStackEntry`'s

destination

contains the argument syntax. But in order to add arguments later, my own route string needs to be the "base" route without arguments.

val navBackStackEntry by navController.currentBackStackEntryAsState()
val currentDestination = navBackStackEntry?.destination
val hideBottomNav = fullScreenDestinations.any { destination ->
    destination.route == currentDestination?.route
}

So here

destination.route

=

"AddEditTask"

while

currentDestination.route

=

"AddEditTask?taskId=taskID"

. How else could I check what destination we are currently on? using

contains

to compare a sub-string seems error-prone.

Modifier.animateContentSize

. Is there a version of this like

Modifier.animateContentPosition

? Or how would I go about writing my own?

Modifier.layout

doesn't provide a position.

Going out on a limb, but after upgrading from compose 1.0 I'm getting some weird R8 errors that are occurring only in release builds and I can't quite pinpoint what happened. Are there any known issues for compose 1.0+ (maybe related to kotlin 1.5.21?)

Hello Everyone, I am facing issue to generate JococoTestReport after upgrading UI to Compose but all test case are getting passed for reference attaching error screenshot

I'm trying to integrate a bluetooth accessory into my compose app. The sample code is written in java and utilizes a ServiceConnection and a ServiceListener. Should I use a view model to house the service listener? Or should I just try to kotlin-fy the java code and run it in the background as a service connection + listener. The service listerner will need to update my composable view through out the bluetooth connection process.

Does jetpack compose have video player 🙃

I'm getting the weirdest error in compose navigation. If I add more than 12 navigation destinations in

NavHost

I immediately get

java.lang.ArrayIndexOutOfBoundsException: length=13; index=13

! The best part is it doesn't have anything to do with the composable themselves (removing any destination fixes it)

can anyone help me to resolve this issue

HI can anyone help to get code coverage as i am getting below issue with jacoco test report after using latest gradle 7.0.0 and compose

Is there a way to load local images stored in /data with Coil ? I've been using Glide so far but it is now deprecated and I'm trying to figure out an alternative.

Hey, I am trying to integrate compose 1.0.1 into an existing project, what versions of Gradle and kotlin should I use?

Is there a way to simulate activity's

back pressed

state for compose-navigation?

popBackStack

does not finish navigation (and instead just removes the destination) but pressing the back key always works perfectly. This becomes a problem when you have nested navigation as the inner navigation stacks can never pop themselves

Why BottomNavigation not showing the @Composable UI. Compose dependencies i am using: `````` Is there any bug in BottonNavigation compose?