Can I use a

ComposeView

to draw a composition into a Canvas, off-screen? More or less this:

val canvas = Canvas()
val composeView = ComposeView(context)
composeView.setContent {
  // Call composables here

  SideEffect {
    composeView.draw(canvas)
  }
}

Important to note that the ComposeView is never attached to a window / drawn in the UI. The view is created programmatically, as above. I am ultimately trying to get the composition into a Bitmap for the purpose of drawing into an OpenGL texture. (If there is a better approach, I’m all ears.) Thanks for any help!

I've a question regarding scoping of viewmodel across screens

Can, anybody help me with this error, I am getting this just right after creating a project with selecting empty compose template when trying to run the project even first time ?

How can I pass a gradient using brush api to a composable who has a color parameter exposed as Color type ?

Will screen level transitions be coming in next beta? I am really hoping it comes fast.

We are slowly migrating to compose and we have very complex recycler views. Is it possible to interop these so we can use compose inside a viewholder?

Hi ! As I need custom drawing for my

Composable

, is there a way to get the component size based on its given

Modifier

? I mean, given

@Composable
fun MyComposable(modifier: Modifier = Modifier){}

Is there a way to get the allocated width and height (inside

MyComposable

definition) ?

I'd like to have a

Row

with 2

Texts

which both take up 50% of the screen width. Here is an xml version of the thing I want to achieve:

<LinearLayout xmlns:android="<http://schemas.android.com/apk/res/android>"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal"
    >
  <TextView
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_weight="1"
      android:text="Foo"
      />
  <TextView
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_weight="1"
      android:text="Bar"
      />
</LinearLayout>

I came up with this:

Row(Modifier.fillMaxWidth()) {
    Text(text = "Foo", Modifier.fillMaxWidth(0.5f))
    Text(text = "Bar", Modifier.fillMaxWidth())
  }

Is there some other, maybe better way to do it?

Looking at DrawScope documentation, https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/drawscope/DrawScope.html#public-methods, I did not find any method for drawing a

Vector Drawable

: is there a way to do it ?

What would be to best way to reset the scroll of a lazylist in Compose when the list is updated from the viewModel ?

Hello, everyone! 👋 I upgraded to Compose 1.0.0-alpha05 and all my instrumented tests on modules outside

:app

are no longer working because it can not find the

ComponentActivity

registered in the debug

AndroidManifest.xml

. Is it the expected behavior now? Should we have one debug Manifest for each library modules? It worked fine on Compose 1.0.0-alpha04. Issue tracker opened with more info: https://issuetracker.google.com/issues/186019857

tryAwaitRelease()

always returns

false

.

Hi everyone! in the videos people say composable functions are very similar to suspend functions. why is Composable a annotation rather than a kotlin keyword?

What options do we have for showing tooltip or balloon when clicking on a icon?

I want this:

TextFieldValue(
  cursorPosition = text.length
)

Manipulating the cursor position causes weird bugs when using a hardware keyboard. Especially around new lines.

Hi! I'm trying to create a custom

state

(i guess) to save a value in preferences, and trigger recomposition when it changes... However, i managed to save the new value, but it is not triggering a recompostion.. what I'm missing? code on thread

am reading side effects documentation and I have a bit of a trouble grasping

rememberUpdatedState

. what is it used for and what is it really doing? am trying to write some code in order to test/grasp what’s it doing but still nothing

I’m having an issue with TextField. If I have a TextField like this:

@ExperimentalComposeUiApi
@Composable
fun UsernameTextField(
    state: State<String>,
    label: String,
    onValueChange: (String) -> Unit
) {
    Column {
        TextField(
            value = state.value,
            onValueChange = onValueChange,
            label = { Text(label) },
            modifier = Modifier
                .fillMaxWidth()
                .padding(16.dp),
            singleLine = true
        )
    }
}

and call it like this:

UsernameTextField(
    state = userName,
    label = getString(R.string.Username),
) {
    loginViewModel.updateUserName(it)
}

When typing most characters, the

onValueChange

is triggered on the whole String there, like “a”, “ad”, “ada”. But if I type a tab or return at the end of a String,

onValueChange

is triggered on only the tab/return character. Does anyone understand why this is happening?

I am trying to let my users manually select dark mode independently from the system settings. On non-compose apps I just used

AppCompatDelegate

to change dark mode but on my Compose app it has no effect. It looks like

isSystemInDarkTheme()

just checks the system settings and even when I use my own function to check dark mode, it only effects the Compose MaterialTheme colors which I don't use much. I use resources for dark/light colors and it works fine except this. How can I handle this in Compose? It does not look like

AppCompatDelegate

has any effect on Compose.

I'm playing around with screenshot testing. So I checked the implementation of TextFieldScreenshotTest (part of Jetpack Compose) and there you are using

AndroidXScreenshotTestRule

. But I can't seem to find the appropriate dependency to add to my project so that I can use

AndroidXScreenshotTestRule

. I looked into Google's Maven repo for

androidx.test

group and I also have added these dependencies to my project: •

androidx.test:core-ktx

•

androidx.test:runner

•

androidx.test:rules

•

androidx.test.ext:junit-ktx

But none of them seems to contain the desired

AndroidXScreenshotTestRule

. What am I missing?

I'd like to create a Compose library which can be consumed by Compose Android and Compose Desktop projects. Because of some differences like loading resources etc I think it would be the best to create a Kotlin Multiplatform project which builds 2 artifacts: a .jar which can be consumed by Compose Desktop projects and an .aar which can be consumed by Compose Android projects. Is there an example app out there so that I could take look at project's the setup?

I’m trying to use an

Image

composable with

rememberCoilPainter

nested under a

LazyColumn

but it seems to not be working, the image is not loading. If I take the composable out of the

LazyColumn

then it works fine. Any idea what’s going on?

Hi ! I am drawing into my

Composable

, but I don't know how to make this drawing reactive to click. More in the thread.

Hi! Is there a way to remove/replace the

Ripple

-indication for Buttons and Cards? Or to override

rememberRipple

in a custom theme?

Is it possible to request focus on a TextField after opening a composable screen using Compose navigation? I want the keyboard to automatically open and focus on the TextField instead of the user having to tap on the TextField

How could I prevent a reload taking a parameter from the composable on the viewModel on configuration change?

Profile(userId: String) {
  val viewModel = hiltNavGraphViewModel<ProfileViewModel>()
  DisposableEffect(userId) {
    viewModel.loadProfile(userId) // don't trigger on config change
    onDispose { }
  }
  val profile = viewModel.profile.collectAsState(...)
}

Actually, with compose-navigation it seems the backstack arguments are also in the ViewModel savedStateHandle. I’m wondering if it would be better to extract the userId from there instead.

Hi there, I'm struggling to figure out how to make a mutable

NavHostController

. I have several NavHostController so I can navigate through sub-pages and would like to send an event to the root Composable so I get the current NavHostController. The idea behind is to use it in a topBar so I can pop element off the stack and go back to the previous view. Do you guys have any experience with that ?

Saw this comment on reddit with a bunch of upvotes.

I'm building a new app with no DI. It's a breath of fresh air, to be frank.

CompositionLocalProvider currently serves the need I had for DI, and there's no sacrifice in testability (so far).

Is it find to use CompositionLocalProvider for this sort of stuff? https://www.reddit.com/r/androiddev/comments/mwjut9/dagger_hilt_is_now_stable_with_235/gvj2beu?utm_source=share&utm_medium=web2x&context=3

Hi all, I’m trying to run a fake layout pass and then capture a screenshot in my test. I’m grabbing the root Window View, and then calling measure/layout/draw manually on it to get the bitmap in the size I want. The problem I’m running into is that subcomposed composables aren’t positioned correctly in my screenshots. In my specific case, I have a LazyList with 3 items. When I run the test, the 3 items are drawn on top of each other (instead of stacked vertically in a column) in the screenshot. (Screenshots in :thread-please: ) Anyone know if there’s anything else I need to do to draw View/Composable content into a Bitmap correctly?