How do I prevent

PlotColors

being recreated on each composable function call here? I can't put this in "remember", because

MyTheme.colors.someColor

is a

Composable

getter:

fun MyComposable() {
  val colors = PlotColors(
    positiveColor = MyTheme.colors.indicatorContentGreen,
    negativeColor = MyTheme.colors.indicatorBackgroundRed,
  )
}

Does any one know the proper way to access the LiveData that you get from a room database in compose? I'm sure the DB is not empty, because when I do the following the correct entry is printed:

val items = viewModel.readAllData.observeAsState()
val TAG = "check"
val item1 = items.value?.get(0)?.original
Log.i(TAG,item1.toString())

However, if I try to show the text in a Text element like so

Column{
    Text(text = item1!!)
}

it tells me the List is empty ¯\_(ツ)_/¯

Hello everyone. Does anyone know/have any content about compose compiler/runtime (not strictly related to jetpack compose UI)? For now I was only able to find a KotlinConf 2019 video from Leland Richardson that explains how it works and a recent article by Jake Wharton showcasing Molecule. Other than that I wasn’t able to find anything not UI related… I’m keen to understand more and explore different usages other than UI

Hey, I'm trying to create a PDF viewer composable using the PdfRenderer and Coil for loading the bitmaps into a 

LazyColumn

. See thread for code. I kind of got it working, however when the bitmap is first loaded (i.e. it doesn't come from the cache), it won't display in the list until I scroll (i.e. after a redraw). I want to make use of the features of 

LazyColumn

 and only load the PDF pages when they become visible. Is there any better way to achieve this?

Basic question but I can't find a good answer: how do I apply a

Modifer

conditionally? Like

previousModifier().apply{ if(hasPadding) padding(4.dp) }

, except that doesn't work. (I know why it doesn't work, but I don't know a nice method that works)

Hey! 👋 I’m migrating a design system that implements a lot of components to Compose. Since this work is hard and long, I started by using some

AndroidView

to wrap up the traditional view components. I’m using the

update

lambda to make the needed adjustments in the view whenever the state changes. Is there a way to only set the properties that changed for real? If I just set everything that comes as parameter of the composable, they are all reset each time one of them changes. For example, if the text on a TextView changes, the TextAppearance is set again. Thanks! 🙇

Can you expose contentPadding param for TopAppBar function with this option?

I have a

Row

with two single line `Text`s. The first one has dynamic text, the second one short static text. How can I make

TextOverflow.Ellipsis

work on the first

Text

? I want the second

Text

to always show fully, and ellipsize the first one if needed. But it doesn't work - the first text pushes the second one offscreen before it starts to ellipsize.

what's the correct way to show a toast triggered by the viewModel in compose?

How do I create something like this in compose where there is overlap between the Card and Image? Should I be using Box? I’ve tried a Column with a negative spacing arrangment but that didnt seem to work for me

inside a box scope you have access to the zIndex modifier, which you can use to put elements on top of each other

Is there any callback or listener to get an event when Composable rendered it’s content for first time or it’s content is changed?

Is there anyway to show/hide system bars on list scroll in compose. I tried below approach but no success. Any clues?

LaunchedEffect(Unit) {
            launch {
                while (true) {
                    delay(2000)
                    if (!lazyListState.isScrollInProgress) {
                        systemUiController.isNavigationBarVisible = false
                    }
                }
            }
        }

This message was deleted.

I want to dismiss a popup with an outside click, but the click doesn’t seem to be consumed by the dismiss action, and is responded to by whatever background item is clicked on. How can I have it so the click just dismisses the popup and nothing else? In the following toy code, my ideal would be for the counter to increment when the popup is not displayed, but not when clicking to dismiss it

@Composable
fun PopupTest() {
  val show = remember{ mutableStateOf(false)}
  val ctr = remember{ mutableStateOf(0)}

  Box(
    Modifier
      .fillMaxSize()
      .clickable { ctr.value += 1 }) {
    Button({show.value = !show.value}, Modifier.align(Alignment.TopCenter).offset(y = 20.dp)) {
      Text("Show Popup")
    }
    if (show.value) {
      Popup(alignment = Alignment.Center,
        onDismissRequest = {show.value = false}){
        Text("I am the popup", Modifier.border(1.dp, Color.Black))
      }
    }
    Text("Ctr ${ctr.value}",
      Modifier
        .align(Alignment.BottomCenter)
        .offset(y = -20.dp))
  }
}

Does someone know if there is ongoing work to support compose in multiplatform iOS / watchos targets? I mean the compose compiler, not compose ui

I have an image inside a button. When I'm trying to change the background color of the button by colors = ButtonDefaults.buttonColors(color) the background invoked and hide the image too

Hey all. I have a use case, where I need to hide a Text composable based on whether Coil has successfully downloaded the image from a URL or not. However, the current solution I came up with seems to cause infinite recompositions. Thread 👇

Hello! I’m using

accompanist.pager.HorizontalPager

and for some reason my textviews are always square when the string is longer than one line… any ideas why?

HorizontalPager(
    count = 2,
    state = pagerState,
    verticalAlignment = <http://Alignment.Top|Alignment.Top>
) { i ->
    when (i) {
        0 -> Text(
                "A string A string A string A string A string A string A string", 
                modifier = Modifier.wrapContentHeight(), //makes no difference
            )
        1 -> SomethingElse()
    }
}

I also tried wrapping in a Row with wrapContentHeight but it didn’t make a difference.

I need to download an image with Coil on Compose, then draw on the bitmap and finally share the image via Intent. Wondering if anyone has done that in the compose world: how’d you go about it? I was thinking of downloading the image with Coil, accessing the bitmap, drawing it on a Canvas, editing it, saving the bitmap from the canvas into external storage and finally sharing it from there.

How to check from keyboard state whether showing or hiding?

I'm wondering if there's something I'm doing wrong, of if the API/Android Studio just doesn't support `Flow`s with the

@Preview

composables ATM

I’m using

LaunchedEffect

along with

LocalLifecycleOwner

in a “Screen” composable to start a long-running/intensive coroutine in my ViewModel only when the containing Activity/Fragment is

RESUMED

. More info and code in the 🧵 I’m curious if this is a proper/best solution for my use case or if there are better ways to do this?

Just to be sure - is the the standalone core (non UI) Compose component also licensed to allow commercial use?

Hello, when building release app with

minifyEnabled true

the app crashes on startup. I couldn't figure out what's causing it.

Is there a way I can read tombstones in newer Android versions? I'm working on a compose app with WallpaperService. When coming back from the System's Wallpaper Chooser to my app, it's throwing a native crash.

I was expecting to see a touch ripple onclick. Is my assumption wrong or am I doing something wrong? Note: My log fires, so the click definitely triggers.

Box(
    modifier = Modifier
        .border(1.dp, Color.Red)
        .fillMaxWidth()
        .height(72.dp)
        .clickable { Log.e("LOG", "CLICK") }
) { Text(text = "MY TEXT") }

On using BottomNavBar and NavGraph When using Bottom Nav Bar we have to use a Scaffold and pass a NavHost to the content parameter for it to work. But for apps with multiple screen with and without the bottomNavBar (consider instagram home screen and it's user profile screen) - how do we manage navigation? Why isn't there a better approach here? Currently the options we have are (if we wish to use BottomNavBar + other screens without the NavBar) 1. A single Scaffold and a single ViewModel that keeps track of the current screen and conditionally sets the TopBar, BottomNavBar, and content a. Bad because the VM is too large and bloated b. example - and the accompanying article 2. Start a new activity when you wish to move from the BottomNavBar activity Questions 1. How to use NavGraphs and BottomNavbar? a. Consider this example i. splash screen ii. login iii. home screen with bottom nav iv. profile screen v. create new video screen

how to make xyz coordinate system in compose? like this: