I created a bunch of spaghetti to get a tooltip with a triangle working. I’m basically using onGloballyPositioned, then based on that value modifying another state from within the PopupPositionProvider and use that to draw. https://github.com/PaulWoitaschek/Voice/commit/aef79d775e5202d652deb17636ce74e30f8aa2e5#diff-bc525946a19e216be9fcf2dfac5b38b0964481394c73114c9120812144c2cdc4 Is there a simpler way to accomplish that?

We have a large codebase, so creating composables and previewing taking on avg 1-2mins even on macbook pro intel. So I want to build compasables in an isolated package where I have a dependency of another package(which provides our design system for compose) and installing installs only this testing apk with 1 activity so that my basic composable building time reduce as I’m currently having bad time. Can anyone help me how can I achieve this?

Is there something like this, so I don’t have to wrap every Preview Composable with my Theme?

@Preview(theme = MyTheme)
@Composable
fun PreviewComposable(){
    Text(text = "foo")
}

Hi all, I use font poppins in Compose

Text()

but the content alignment looks not good, any solutions? Thanks. Code:

Text(
    text = "NEXT",
    fontSize = 150.sp,
    fontWeight = FontWeight.Bold
)

Preview:

Has anyone figured out a way to show scroll bars in columns?

Hi everyone. I'm really struggling with getting the values of stringResource to update after a locale switch. They update if I close the app and then re-open but if I change locale mid app session, it doesn't. The composable screen is built within a fragment as we’re trying to integrate it into an existing app. The screen in question has multiple stringResources so it's not practical to use mutable state for each one. Has anyone experienced something similar and found a working solution? I think I need to trigger a recomposition but I'm not sure how to do that. Apologies if this is the wrong place to ask. This is my first time raising a question here. Thanks in advance.

Just a cautionary tale, when using

AnimatedContent

(and its variants); if the

targetState

changes at all, even if it doesnt result in a new animation running, there will be additional recompositions as a result (I was seeing 2-9, instead of 1). I learned this the hard way, Id normally specify what I wanted to render as the

targetState

and use

transition.contentKey

to key it correctly; stripping out the stuff not directly related to the animation made an immense difference. Ill share some more details in the thread for anyone interested, I dont think this is a bug, but rather me misunderstanding how it works - hopefully it can save you from doing the same mistake as I did!

Has anyone been able to display

LazyColumn

sections as `Card`s like described in this thread? I am trying to implement the following design, where each section could contain 100s of items. This is why I’m hesitant to chuck the whole section inside a

Column

, and loose the benefits of

LazyColumn

. A workaround that I’ve used successfully in

RecyclerView

earlier, is to use a

Card

in each item and modify its corners so that it looks like a whole card when put together. In Compose, however, this workaround produces shadows between every item, as described in the thread I mentioned. That particular issue is marked as Won’t Fix (Infeasible).

Hi all, is there a way to get the bounding rectangle of selected text in TextField? Text composable has

onTextLayout

but not the

TextField

Hello! I am trying to load a layer-list drawable with this code:

Image(
    painter = painterResource(id = someId),
    contentDescription = null
)

but i get this error:

Only VectorDrawables and rasterized asset types are supported ex. PNG, JPG

. I can load vector drawables so I suppose that I need to load layer-list differently... How is this possible?

How can I reload (recompose) my game board on the click of a button? 🧵

Any tips on troubleshooting

pointerInput

dead zones in your UI? I have some draggable elements that drag fine in some parts of the screen, but stop responding to drag events if I drop them in a particular area of the screen. I assume for now that I have some other UI (perhaps hidden) which may be capturing the touch input. But just reviewing the code, I haven’t spotted the source of the problem.

I’m using

pointerInput

to detect dragging, and the area that receives the input doesn’t drag along with the element. That is, say I start with something in the center of the screen, and I drag it to the top-left. I can no longer drag that element by putting my finger on it in the top left and dragging. However, if I put my finger in the center of the screen and drag from there, I can drag the item.

So asking again for some advice on how to debug / repro a Compose issue with keyboard. Randomly without any text composable anywhere when returning to the app from home the keyboard will open. When it happens closing the keyboard, going home, returning to the app will bring back the keyboard again. I have no idea what I can observe / could generate that to try to build a repro 😞

Hey you awesome folks,. Do you know if there is a way to pass a click through to the Composable's parent. Now I have to specifically add that I'm not talking about event propagation via lambdas. That's easy to achieve but since this is an SDK question essentially I'm trying to avoid it due to complicating the composable in question and introducing a breaking change. I have an annotated string and only the links should be clickable, the rest of the text should not capture clicks but gracefully let the parent composable handle them. Now this is tricky because this is done via

Modifier.pointerInput()

which still has to make the whole Composable area clickable and then decide when it should treat it as a clickable link on a per section basis. I'm wondering if there is any way in compose to say yup point

x=1, y=1

should be treated as a click on the

Text

Composable but point

x=2, y=2

should be treated as a click on its parent. Unsure if this is doable, but if it is it will allow me to implement a really clean and easy to use solution. 😄 Thank you!

I am implementing a barcode scanner in Compose. Once it scans a barcode, it needs to do a network request to find the respective item. If an item is found I dismiss the scanner. If it is not found or some error happens, a dialog is shown. In order to accomplish that I think that I will need to do something along these lines:

data class DialogState(val isShown: Boolean = false, val message: String = "")

@Composable
fun Screen(navController: NavController, viewModel: MyViewModel) {
    val dialogState by rememberUpdateState(DialogState)
    val scope = rememberCoroutineScope()
    Button(onClick = { scope.launch { 
        when (val result = viewModel.doRequest()) {
           is Success -> navController.popBackStack()
           is NotFound -> dialogState = DialogState(true, "Not Found")
           else -> dialogState = DialogState(true, "error")
   }})
   if (dialogState.isShown) {
       AlertDialog(.......) 
   } 
          
}

Would this be correct ?

Hi, any suggestions on how we can achieve this loopable pager/tab layout with

ScrollableTabRow

and

HorizontalPager

?

Hi everyone, Can I apply @PreviewParameter to an argument that's a List? e.g.:

@Preview
@Composable
fun MenuPreview(
    @PreviewParameter(MenuItemPreviewParameterProvider::class) menuItems: List<MenuItem>
) {
    MdcTheme {
        Menu(menuItems)
    }
}

class MenuItemPreviewParameterProvider : PreviewParameterProvider<MenuItem> {
    override val values = sequenceOf(
        MenuItem("Beer & Other"),
        MenuItem("More"),
        MenuItem("Shop All Products"),
    )
}

I would expect menuItems argument to be a list with the 3 sample values

In some cases my apps state is not saved/restored after the app has been in the background for a while (<5 min). Ive reported it as a bug, but Im having a hard time understanding how it could be a bug - so many apps would break, and I probably wouldnt be the first to run into it. So, am I doing something wrong? Code & more details in thread 🧵

Can I have a lazyColumn updating with more items, increase its container size? I can listen to the items and animate the container height but I was wondering if there is any modifier like WRAP_CONTENT to help with that.

I have these two variables at the top of my Composable:

var enabled by remember { mutableStateOf(true) }

and

var visible by remember { mutableStateOf(true) }

. When I reload the Composable with new data, these variables do not return to their original

true

value. Why is that? And how can I make sure they are updated too?

Hi! I find myself needing to specify background and foreground colors for every component in order to have the Dark Theme properly applied. This feels like too much work. Is there a better way?

Card(backgroundColor = MaterialTheme.colorScheme.surface) {
    Text(text, color = MaterialTheme.colorScheme.onSurface)
}

Is there a good guide to best practices on the topic?

Hey! Is it possible to print logs while using Previews especially Interactive Previews?

Just like we can handle Gboard image/gif selection in EditText with the help of InputConnection, how can same achieved with Compose's TextField/BasicTextField? Ref: https://developer.android.com/guide/topics/text/image-keyboard

Hi I want to create a speechbubble. I created an image and a text inside a Box. I want the speechbubble-image (vector image) to adapt it's size to the text-size. To do that I would have to measure the size of the text and apply it to the image. What would be the correct approach to that? Any hints?

Hi all, how could we display emoji in compose text

Is there a multiplatform compose version compatible w/ Kotlin 1.6.20-M1?

The

@Preview(showSystemUi = true)

option shows the status bar overlaid over the content, which is not what's usually wanted. Am I missing something?

Is simply changing a local state variable in a composable considered a side effect?