Hey everyone, I am drawing some rectangles in canvas and scaled them myself and that gave me the correct result. However, later I decided to use

Modifier.scale

on canvas instead of my original approach and that does not seem to render anything (or render too small for it to be visible) so I was wondering if that is the correct approach or not? Code in thread

Hi everyone! I have a problem. I have a

ViewHolder

that uses compose to render, but when I click it, the whole screen jumps. Here is the video:

Seems like using

derivedStateOf

is more superior than

remember(value)

given it can reduce the unnecessary recomposition. I wonder is there any downside using

remember { derivedStateOf { value } }

as oppose to

remember(value)

? More elaboration of my question in https://stackoverflow.com/questions/70801388/is-there-downside-replacing-all-remembervalue-with-remember-derivedstateof

Compose Navigation Let's have A -> B -> C -> D nested navigation. Something like

NavHost(startDestination = "A") {
   composable("A") {}
   navigation(startDestination = "B") {
     composable("B") {}
     navigation(startDestination = "C") {
       composable("C") {}
       composable("D") {}
     }
   }
}

I struggle with navigateUp(). It seems that it nicely utilize startDestination. So when deeplinking "D", navigate Up ends up in C. But when I continue with navigateUp in C, I skip to the "A", not "B" as I would expect. Is it a bug? Some debugging info in thread.

I have made use of lazyColumn to display a list of data and now want to show a popup menu after clicking a triple dot button in individual row just below itself but I want the dropdown to close in case the user presses anywhere outside the dropdown for ex: clicking another row’s button. I see a lot of examples to individually show either lazyColumn or dropdown but none that combines both. Can anyone help out?

Hey All, I’m not sure if this is a compose issue but I am trying to click on the blue html text to open another link inside of a web view. The post body information is in HMTL format. The information is coming from a API call. How can I do this using webView?

I need to create something like this in compose (essentially recreate ios' time picker). I looked already to see if anyone had one of these for compose with no luck. Anyone happen to know if something like this exists?

i need the fragment context for some legacy dialogs inside a composable.

LocalContext.current

is not returning me the fragment context. Is there a way to get it, without passing the context explicitly?

Hi all, how to avoir nested NavHost when one child composable has a bottomNavBar

NavHost(navController = navController, startDestination = "") {
        composable("viewA"){}
        composable("viewB") {}
        Scaffold(){
            NavHost(myOwnNavController, startDestination = "Child1") { // How to avoid this
                composable("Child1") {}
            }
        }
    }

In this example i have to use two

NavController

Is there a way to prevent gestures on a ModalBottomSheet? I would like only a button to be able to open/close the bottom sheet and not any drag gestures.

I have a string resource that has some html tags in it. Ex.

"This is a <b>bold</b> text."

In View world I was able to directly use this resource and put it in a TextView as it accepts a

CharSequence

for text. In Compose, however, I need to create an

AnnotatedString

out of this resource to display it in a Text composable. How to do this?

I have a list displaying on a gallery in compose. Right now is showing an image and a description, when I have a big or a short description my container shrinks or grows depending of the text length, is there a way to pre-measure the texts before doing the render so that my container sets an specific height depending on how long is the text ? do you have other recommendations that could help?

is there any way to disable paste on a TextField?

Hello everyone! Im trying to achieve the following navigation with compose ( fab opens a new “screen” not associated with the bottom nav bar). Question ion the 🧵

Hi everyone, Is there a way to get all instances of a class under a composable. For example, in the image below, I want to access all instances of

ChildState

in the

ParentState

class.

Hello everyone! In compose button event doesn't produce system tap sounds. This is a bug? Compose 1.0.5

With

BackHandler

and

mutableState

, do you still use Google androidx navigation library or simple a state based approach?

I'm trying to achieve the equivalent of

border-image-repeat

from CSS, I have an image like a 9-patch drawable, except I need to repeat the borders as needed, not stretch them as 9-patch does. How would I go about that in Compose? Or should I go straight to a Canvas and implement it from scratch?

So I was reading through the Compose runtime code and while looking at

withMutableSnapshot

(which has been mentioned here several times) I saw a little note at the end of the doucmentation:

[block] must not suspend if [withMutableSnapshot] is called from a suspend function.

Why is that? 🤔 Is it because other code can be run on the same thread when the

block

suspends resulting in other unrelated part of the app being in this snapshot? I am not sure I know enough about Compose and Coroutines to be sure.

How do I draw

Text

with a specific size in pixels? It seems you can only specify the size in

sp

and

em

.

What is the proper way of showing/hiding a composable, but keeping its space so the layout doesn’t change? Currently, as the composable is selectable, i am using .alpa(if(show 1f else 0f) which works, but i feel there must be a better way

I found a bug in ModalBottomSheet.

offset

modifier should be called before

nestedScroll

modifier

Hey everyone, I'm working on a Cookbook app, and need a little guidance on what type to look into and research. On the "recipe details" screen I am making a swipeable tabbed layout one tab is ingredients the other tab is the steps to follow. How can I use the same composable too display the list of ingredients and steps on the details screen as the add recipe screen? Obviously build the composable with a plus sign icon to add a new ingredient/step and a minus and pencil icon button to remove or edit info and hide it dependent on if it is the details screen or add screen. But how would i check the state? Would i use the navcontroller or would it be better pass that info ass a parameter? Of course I could make two composables, I'm just trying to think in compose for this project.

🤕I want align right border, Is there any property to adjust the alignment anchors？

How Can I show a snackBar at the top of screen instead of the bottom?

Is there any ongoing work to improve hot reload experience in Jetpack Compose?

Hello, I find my self in this situation where I have a Home screen (with a bottom navigation bar of three other screens) and a login screen. I tried having multiple navhosts like having a navhost for the entire app and another just for the home route with the bottom bar – that didn't work. I also tried nested navigation, but I am not able to utilize the NavGraphBuilder extension function in the home screen with the bottom bar. Please, do anyone have an idea of how I can structure the navigation?

I've seen this pattern cropping up in some compose repos from others... thoughts? At first glance I guess it's kinda clever for trying to get something to launch only once, but it just seems bad

LaunchedEffect(key1 = "launch_once") {
    myViewModel.doSomething()
  }

I'm using Coil to load an image into a layout with dynamic height:

Column {
            Image(
                painter = rememberImagePainter(backdropImageUrl),
                contentDescription = null,
                contentScale = ContentScale.Crop,
                modifier = Modifier.fillMaxWidth(),
            )
    }

However it doesn't render anything. The only way to make it work is like this:

Column {
            Image(
                painter = rememberImagePainter(backdropImageUrl) {
                    size(OriginalSize)
                },
                contentDescription = null,
                contentScale = ContentScale.Crop,
                modifier = Modifier.fillMaxWidth(),
            )
    }

Is it correct? Can't Coil just automatically predict the size of the image based on the width (and calculate the height from it based on the aspect ratio)? It is really a super basic use case, would be nice to have some sensible default behavior for it.