How to add a video player into compose? AndroidView() is not good

Bottomsheetscafold has a problem where the sheet is detached for a frame if bottom sheet state is expanded. Here is the breakpoint screenshot of

BottomSheetScaffoldSample

with initial value of bottomsheetstate set to expanded.

Problems related to theming are back ...

Well, when you switch between themes programmatically, for some reason those changes produce weird behavior in the app, in particular in the context of Lazylist, it looks like some elements in the list retain the old theme ... If needed I can give you screen shoots . But again changing themes at run time has been an issue for many time

Hi lads, lasses, does anyone know why my Card inside a lazyColumn loses its state after scrolling if I wrap its content with two Rows or Columns? As far as I understand, hoisting is holding values state on its "parent's scope" or where the Composable is being called. Here I attach two screenshots, the first one shows the lazyColumn and the Emulator's example with the double rows., the second one shows the listItem without double Rows. Both emulator examples are after scrolling. I was wrapping a Row inside another one, in order to use the .align modifier. Don't pay attention to the Greeting code since it was to clear some doubts, check if I was losing the state, or the problem was something else.

On non-compose apps I had to add

<item name="android:windowLayoutInDisplayCutoutMode">shortEdges</item>

to my

styles.xml

so the notch background would look right, but I cant find the compose version for controlling this.

Does something like epoxys "carousel" exist in the compose community yet? The biggest thing that I want is a horizontal scrolling list of cards that can snap, and have a customized peek value. Super useful for mimicking something like Airbnbs carousels that are seen all throughout their app.

How do you display an image in compose?

Image(
    painter = painterResource(id = R.drawable.logo),
    contentDescription = null
)

I saw that in the docs, but it does not work. Do assets usually go in /res/drawable ? I saw another google guide saying to make a new folder called "assets"

After switching to compose version beta08, updating kotlin version to 1.5.10 I am stuck on the build error which is in 🧵 I compared my setup with Crane sample app so I could not spot specific differences. I also searched on Google. It seams it is general compiler issue so I did not find something useful related to compose. Stack trace and build file snippets in thread. Any help is appreciated 🙇‍♂️

[✅ RESOLVED - Solution in thread!] Hello All, after updating to compose version

beta-08

&

Compose nav graph

dependencies. I’m not able to scope my

viewmodel

to the

nav graph component

🙇‍♂️🏻 Code sample in thread 👇

I'm having some trouble with ripple on FABs, a simple click does not trigger the ripple at all, while a long press does. Is there a way to make the ripple show always, and possibly change the color as well?

Hi all...

start.linkTo(anchor = parent.start, margin = 36.dp)

leads to the first image (start margin is okay, but I'd like to set a end margin too) But when adding

end.linkTo(anchor = parent.end, margin = 36.dp)

, it leads to the second image, where none of the margin is okay because the text is too large. What can I do? Adding a

padding

won't work because the lower text (

0

) wouldn't be aligned to the upper text

Hello All 👋 , Why

CombinedClickable

takes

1-2 seconds

to perform action?. Is there any workaround solution for this? Code in Thread 🙇

what is the compose equivalent of StaticLayout? it'd like to draw mutiline text bounded by a certain width

if I do like this, Surface will always recompose .but if I use thread or dispatch another thread Surface will not recompose .Why ?

Surface {
    darkMode.value = !darkMode.value
}

this way not recompose:

Surface {
    thread {
        darkMode.value = !darkMode.value
    }
}

I’m very curious about this question… Should it be a simple thing? https://stackoverflow.com/questions/67852367/how-to-get-the-current-padding-applied-to-a-modifier-in-jetpack-compose

Hello guys, i have few questions. 1- I couldn't figure out how to get something like this with Compose. I have a text element but couldn't not figure how to make these custom border. Which are shown when the element is clicked and gone when i click outside of it. 2- Is it okay if i have multiple texts elements, photos, and shapes all drawn in the same Box with tap gestures for each one (from performance perspective)

Hi, is there any api available to select Vibrant or any other color from Image loaded using Coil ? or i have to use existing palette api ?

does CircularProgressIndicator has property like secondaryProgressColor or sth similar?

ConstraintLayout allows to use json to describe constraints. I couldn't find any documentation on it. Does anyone have a link to the docs for the json constraints ?

I really like that Card/Surface now have a onClick property that clips the indication by default (see https://kotlinlang.slack.com/archives/CJLTWPH7S/p1622670428197900). But is it on purpose that there is no possibility to have a Card or Surface without a direct onClick property and that does not block any interaction on it ? The required surface function is private 😞 I cannot apply a clickable modifier on an outer component - once a card is inside, the card will block all clicks on it. Can we get a non-clickblocking Card/Surface please?

Does anyone have this problem? https://issuetracker.google.com/issues/190066274 Is this a bug?

The doc example for multiple back stacks & bottom navigation causes the bottom icon to highlight when you are exactly at that destination. Shouldn't it also highlight if your stack is rooted at that destination? In other words, if the bottom nav items are A,B,C,D; and you go from B to E, so your back stack is [B,E], shouldn't the bottom nav show B as selected/highlighted?

I’m trying to do an infinite list with

LazyColumn

without the paging library and I’ve come up with something that works but just want a sanity check since I’m still new to compose. Code in thread

I am facing this issue where

placeholder

and

leadingIcon

are not properly aligned.

placeholder

is aligned to the top while the

leadingIcon

is in centre. I want both of them to be in centre. What is the solution for this?

In Beta08, I have a composable function that takes a list of items and contains a

LazyColumn

. It receives the list of items from a flow in a parent composable via

collectAsState

. When the flow emits a new list of values, the composable function containing the

LazyColumn

appears to get called with the updated list of items. However, unless the parent of the

LazyColumn

composable is recomposed itself (which it it does not appear to be even though the

collectAsState

appears to being emitting new values to the child composable) the list UI does not update with the latest list state. This behavior doesn't appear to occur in Beta07. Anyone else encountered this or have any ideas?

I am trying to dive in to Accessibility and Compose. A

Checkbox

is 24x24dp which is no-no, needs to be at least 48x48dp to pass the checks. So my approach is to combine

Checkbox

with

Text

to increase the width and add som internal padding to fix the height. Also add the same

onClick

on both items. But this does not work. Any advice? As soon as I add any padding, the

mergeDescendants

stops working. Is it a bug?

var checkedState by remember { mutableStateOf(false) }
Row(
    Modifier
        .clickable { checkedState = !checkedState }
        .semantics(mergeDescendants = true) {}
        .padding(top = 12.dp, bottom = 12.dp)
) {
    Checkbox(
        checked = checkedState,
        onCheckedChange = { checkedState = !checkedState })
    Text(text = "Some label", modifier = Modifier.padding(start = 8.dp))

am trying to add

AnimatedVectorDrawable

to am icon but am getting

android.content.res.Resources$NotFoundException: Resource ID #0x0

. I have drawable in resources and am passing correct id to the

animatedVectorResource

. any help? if that’s relevant in my drawable resource file am using

animated-selector

that animates between two `item`s with `transition`s defined in that selector. Update:

animated-selector

animating two

animated-vector

s. one vector from plus to minus other from minus to plus icon. BUT when I pass just minus to plus

animated-vector

to

animatedVectorResource

animation works and it knows how to reverse it

does the textfield broken? When I click THE outside part of textfield, the IME is not folded