@Composable fun VideoPlayer(sourceUrl: String) { val context = LocalContext.current val player = SimpleExoPlayer.Builder(context).build() val mediaItem = MediaItem.fromUri(sourceUrl) player.setMediaItem(mediaItem) player.prepare() player.play() AndroidView( factory = { context -> PlayerView(context).apply { setPlayer(player) } } ) }

Hello All, How do we clear the backstack in the navigation for compose. Before the beta07 there was a method called navController.backstack.clear. Now i see that is being removed. and something like backQueue.clear() is there. Is it the same thing ?

Anyone come across this error

java.lang.ClassCastException: androidx.fragment.app.FragmentViewLifecycleOwner cannot be cast to androidx.activity.ComponentActivity

I'm using setContent with the latest

activity-compose

If I have this

Box {
  Image(contentScale = FillBounds, painter = painterResource(R.drawable.myPng))
  Content() // can by of various height depending on the children
}

How do I make the image fill the same height as

Content()

. Currently

Image

gets only as big as its resource, ignoring FillBounds flag

Does mutableStateOf() emit the initial value in composition if the state hasn’t changed ? and if so, how to stop that ?

KViewModel.kt

var errorState by mutableState<Error>(Error("")) 
private set 
var successState by mutableState<Success>(Success(""))
private set

fetchData(){
   viewModelScope.launch {
   when(val result = repo.fetchData){
       Result.success -> successState = result.data
       Result.error ->  errorState = result.error
   }
}
}

in Screen.kt 
@Composable
fun Screen(viewModel :  KViewModel )  {
   
    ShowData(viewModel.successState)
    ShowError(viewModel.errorState)
}

Someone posted a solution like

LazyColumn(
    modifier = Modifier.fillMaxSize(),
) {
    // My Books section
    item {
        Column(modifier = Modifier.fillMaxWidth()) {
            Text("My Books")
            LazyRow {
                items(books) { item ->
                    // Each Item
                }
            }
        }

    }
    // Whishlisted Books title
    item {
        Text("Whishlisted Books", style = MaterialTheme.typography.h4)
    }
    // Turning the list in a list of lists of two elements each
    items(wishlisted.windowed(2, 2, true)) { item ->
        Row {
            // Draw item[0]
            // Draw item[1]
        }
    }
}

to a SO question, but what is the point of multiple

item{}

blocks instead of just having it all in one?

🧭 Accompanist’s `bottomSheet` ’s navEntry not maintained ( Details inside 🧵)

Does anyone know how to fix nested scroll issue? I have`ComposeView` as a root view inside

BottomSheetDialogFragment

and inside that

ComposeView

there are

verticalScroll()

and scroll works properly only when it reaches

BottomSheetDialogFragment

scroll constraints.

So this is obviously not done… I’m wondering how I could possibly set new hight measurement of the full screen when drawing the bottom sheet for the first time, so when I move the bars out of the way this bottom sheet will fill the whole view. Any help would be greatly appreciated. 🙂 There’s obviously still some jank in what I’m building.. that will be resolved.

Is there an equivalent event to

onViewAttachedToWindow

or something I could use to track when something is drawn on screen for impression tracking/user tracking analytics?

How can I add a single Composable at the start of a LazyColumn?

What is the best way to find out if a composable is visible on screen? Im familiar with getting window rect / running intersection logic for a view, checking View.visible, etc. Is there a different way in compose?

Is there any specific reason for my

contentColor

not working on

SnackBar

? It seems to totally ignore it. Even when providing

LocalContentColor

.

How can I open navigation drawer from the Right side? I have tried this one but it doesn't work.

CompositionLocalProvider {
    LocalLayoutDirection provides LayoutDirection.Rtl
    Scaffold(
        drawerContent = {}
    )
}

Is there any way to reduce/remove the default vertical padding of a Textfield? Because sometimes it really needs to be small. I know I can use BasicTextField and customize it as per requirements. But then I have to handle placeholder, leadingIcon everything manually. So I am just asking if there is any solution just to reduce/remove the default vertical padding.

I want to draw a view like the image below, but I don’t know how. The text is centered, and the length of the dotted line must be filled to fit the screen size.

Is it possible to

try catch

in Composable function? Code in 🧵

I just tried an app with a LazyColumn on a device and it is really laggy. Its a small example app with hardly any code in it. I would still expect better performance. I think doing a release build helps a bit. Any suggestions of what else could be affecting performance ?

Following the instructions for how to integrate bottom navigation with Jetpack Compose, how do I re-instantiate the first screen of a bottom nav item when the same item is clicked twice, and destroy its back stack? https://developer.android.com/jetpack/compose/navigation#bottom-nav Or will that be the default behavior after the launchSingleTop bug has been fixed?

hi everyone, i've an issue with BoxWithConstraints and the keyboard. I've a userProfile and chat screen, in the chat screen if I the user presses the "close icon" to go back to userProfile, I dismiss the keyboard and call the popBackStack method. If the keyboard is on the screen in chat, userProfile's BoxWithConstraints' maxHeight calculation takes account the keyboard. But if i put a delay for ex. 100ms, then everything is ok. So it seems that the keyboard is dismissing after maxHeight calculation. Any ideas? Thanks.

Hi Composers So I was using ConstraintLayout in Compose. I created a vertical chain like this:

createVerticalChain(
    toolbar, text1, text2,
    chainStyle = ChainStyle.Packed
)

Now it works all fine but the issue is I don't know how to set margins in this scenario. How do I set top and bottom margin to text1? Also, text1 has following constraints

constrain(text1) {
    height = Dimension.preferredWrapContent
    width = Dimension.preferredWrapContent
}

What I am trying to do here is to set text1 height as wrap content but not bigger than the layout. But if the text is large then the whole text is shown. How do I keep it as wrap content and fill constraint layout but not increase size of constraint layout and ellipsize the remaining text?

I feel like I'm going crazy, but I can't find docs on how Compose + Hilt + AAC ViewModels can work together to pass arguments into a view model? I'm working on a typical list -> detail app, and I can't figure out how to pass an id from my NavHost to the new DetailScreen.

Has anyone else experienced a BottomSheetScaffold opening when the content in it changes sizes? I have a BottomSheetScaffold which observes a value, and based on the value the ui changes, standard stuff. However, the BottomSheetScaffold keeps opening when the ui changes, yet I would like for it to stay closed.

I want to get the cursor in my

CustomBasicTextField

(request focus?) 🧵

I have a simple screen that is a Box that has a single button that is algined to the bottom. This works fine. Then I have a root application wrapper composable that has a BottomNavigation and when I navigate to this screen with the box, the bottom navigation should hide. The bottom navigation hides with a 2 second tween. When the tween completes the Screen with the Box jumps down because there is now more area in the screen. I thought the solution was simple. Add

animateContentSize()

to the box, but it causes the entire screen to (seemingly) animate upwards. How can I make this Box screen with a bottom button smoother when it's parent expands vertically (i.e. bottomNavigation hides). Thanks!

Is there not a good way in compose to show a Text component which automatically ellipses whenever there is a visible overflow.?? If not, can you give me any solution to achieve that. My Text component with weight 1 is actually not clipping properly.

What is the best way to show validation error description in TextField? There is only isError Boolean parameter.

Can a Column center its children horizontally or do I have to add that alignment to every child separately? Because in the attributes of Column I only see

verticalArrangement

.