Is there some kind of

Typography(defaultFontFamily = Rubik)

Equivalent for M3 ? Or are we supposed to copy paste all the internal token stuff and maintain them when they evolve ?

Hi guys, I have a row which has 2 item, the first item is

Canvas

, and the second is

LazyColumn

(which is scrollable). How to make my

Canvas

height the same as my

LazyColumn

full (scrollable) height? Or, should I make my

Canvas

being item of my

LazyColumn

?

Hi everyone, I’m trying to implement infinite lazy column with the following code. But I have a use case that If the shouldLoadMore is true and after the api call for the next page, I still need to ask another page (because I didn’t get enough items ), the shouldLoadMore is still true so the LaunchedEffect isn’t trigger again. Do you have any idea?

It looks like IconButton provides its own clickable modifier internally using the passed in onClick. I would like to use combinedClickable so I can long click the button. Is there a way to override this behaviour for IconButton? I tried applying combinedClickable to the IconButton’s modifier, but onClick and onLongClick are not called.

I'm trying to use

LazyColumn

inside a

NestedScrollView

, it works... But the list does not scroll. Is there a way to make it work?

Can I mark this interface as

@Stable

? The interface is defined like this:

interface SomeState {
  val propertyA: NonStableTypeA
  val propertyB: NonStableTypeB
}

And in the implementation class, all public properties are backed by

MutableState

:

internal class SomeStateImpl: SomeState {
  override var propertyA: NonStableTypeA by mutableStateOf(...)
    internal set
  override var propertyB: NonStableTypeB by mutableStateOf(...)
    internal set
}

If we are using LazyLayout with with lots of entries in List and each List Card having a ImageView which displays Image from any URL. Now, We are using the GlideImage from Landscapist library. For Image part how does it work for displaying the images in ImageView from URL and when new views are visible on screen does it use image from cache or triggers recomposition of views

I want to create a

Column

with two items: - The first item has a fixed aspect ratio of (e.g. 3:4) and should grow as big as it can until it occupies the full width. - The second item has a minimum height (e.g. 128dp), but should grow if more space is available I can solve either of these problems with specifying a weight, but not both: - Setting a weight for the first item will not let the second item grow if more space is available - Setting a weight for the second item will let the first item occupy too much space and the second item is not visible anymore

Is Maps Compose cannot be previewed?

I'm having an issue with the

androidx.compose.ui.test

library that I'm looking for advice on. Does performing a click action on a node using

onNodeWithTag

actually pass that click to the children of that node? In my example, the node with tag is a composable that applies the

fastClickable

modifier on a column (so the entire view is clickable) but the test does not actually click the component with the tag. In the past I've been able to get the click to work, but only by directly accessing the tag on a

Button

composable. More code for context in the thread

My slack/twitter search skills are failing me. I could have sworn someone posted something about moving a composable (like a credit card or something) based off of the phones gyroscope sensors so it created a cool effect. Does anyone know what I'm talking about or am I mis-remembering{}?

Is the usage of the

when

statement here bad for performance considering recompositions?

@Composable
private fun ExampleDropdownMenu(
    someEnum: SomeEnum,
    expanded: Boolean,
    items: List<String>,
    onDismissRequest: () -> Unit,
) {
    DropdownMenu(
        expanded = expanded,
        onDismissRequest = onDismissRequest
    ) {
        items.forEach() { item ->
            DropdownMenuItem(onClick = { ... }) {
                Text(
                    text = when (someEnum) {
                        SomeEnum.A -> item.formatA()
                        SomeEnum.B -> item.formatB()
                    }
                )
            }
        }
    }
}

How can I make

currentComposer.recomposeScope

return null?

recomposeScope

comes from

invalidateStack

, and I thought

invalidateStack

would be empty when no referencing state inside. But it wasn’t. currentRecomposeScope code:

internal val currentRecomposeScope: RecomposeScopeImpl?
    get() = invalidateStack.let {
        if (childrenComposing == 0 && it.isNotEmpty()) it.peek() else null
    }

Test code:

@Composable
private fun Test() {
    val recomposeScope = currentRecomposeScope
    Box(modifier = Modifier.clickable { recomposeScope.invalidate(); println("Invalidate!") })
}

Is there a nice way to convert `.svg`s to `@Composable`s?

Hey, I have a problem with `RememberObserver`: I have a class, let me call it

MyState

, which implements the

RememberObserver

interface. I do cleanup stuff in

onForgotten

and

onAbandoned

. I use

remember

to remember the

MyState

instance:

val state = remember { MyState() }

And I configure my activity to handle configuration changes automatically in this way in my AndroidManifest.xml:

android:configChanges="colorMode|density|fontScale|keyboard|keyboardHidden|layoutDirection|locale|mcc|mnc|navigation|orientation|screenLayout|screenSize|smallestScreenSize|touchscreen|uiMode"

So the instance will be kept across configuration changes. When I changed the activity’s orientation,

state

was kept, just as I expected. What I didn’t expect is that the

MyState

’s

onForgotten

method was called. This behavior left my remembered

MyState

instance in a wrong state. Is it a bug?

I have a data type that exposes its (many) properties via `StateFlow`s. Now, I want to write a function that will take an instance and return a

String

describing that object, based on its properties, and then I want to display it somewhere in the UI. How should I do that? I’m thinking of two options: 1. Make the function inline and

collectAsState

all the properties it uses. 2. Make the function return a

Flow

and then

stateIn().collectAsState()

where I want to use it. What do you think is better? Maybe there are other, better options?

I would like to optimize this function somehow: it emits a sequence of composables after applying a sequence of modifiers:

@Composable
fun ModifiedRow(
    modifier: Modifier,
    columnModifiers: StableImmutableList<Modifier>,
    vararg columns: @Composable (Modifier) -> Unit
) = Row(modifier) {
    val composableIter: Iterator<(Modifier) -> Unit> = columns.iterator()

    columnModifiers.forEach(composableIter.next()::invoke)
}

The Rows are emitted inside a LazyColumn, so I'd like this to be better performing. I want to use this to align header column widths with data column widths. What I would like to see is inlining all these composables so that they don't get their own recompose scopes, they're all simple lambdas emitting a single Composable each. I could manually unroll the vararg, since I use this for exactly 15 columns right now, but I'm holding out for something more elegant. I'm guessing that some advanced Compose magic could pull this off (even though it may be overkill compared to the manual unroll approach).

I have such a bar chart and want to show a tooltip when click on any item. How do I implement click listener for Canvas?

Hi, I had a question regarding default value for

Modifier

as a parameter, apparently

fillMaxWidth

is ignored if passed like this.

@Composable
fun TextButton(
    modifier: Modifier = Modifier.fillMaxWidth(),

When using

@Composable operator fun invoke

with interfaces - default arguments doesn't work. Is this a bug? Example in thread

Hmm, this seems like a Compose bug. Or am I doing something wrong? Code in thread.

How to extract all the styles applied to text field (annotated string span styles)?

is there a way to change LazyListState scroll behavior to work as a pager? I have a LazyColumn of cards (2/3 cards per screen), and i want each drag gesture to just scroll one card

Any prefab way to handle screen on/off in Compose? i.e. a Compose-y version of this https://stackoverflow.com/a/19019742

Sometimes I see state properties in classes, eg. in https://blog.canopas.com/android-drag-and-drop-ui-element-in-jetpack-compose-14922073b3f1

...

internal class DragTargetInfo {
    var isDragging: Boolean by mutableStateOf(false)
    ...
    var draggableComposable by mutableStateOf<(@Composable () -> Unit)?>(null)
    ...
}

...

internal val LocalDragTargetInfo = compositionLocalOf { DragTargetInfo() }

...

Is this a good pattern for state management?

Reported https://issuetracker.google.com/issues/234045515 Fragments using Kotlin synthetics stops working when restored from backstack when adding Compose

Just a general question. I want to make a small generic helper library for something. This library will require some observable behavior. Without using Compose I'd use a simple listener in order to have no reliance on any other lib. However, I was thinking: Does it make sense to expose the observable variables as

State<T>

variables? So consumers of the library can use this in their composable scopes? So the actual question is: Does it make sense to put

State<T>

inside generic libraries? This creates a dependency on compose runtime, but this is my opinion nothing different than relying on RxJava. And to turn it into something like Flow we only need to use

snapshotFlow

I believe.

How do I specify “no-animation”

transitionSpec

in

AnimatedContent

. Before you ask why I would need that, the animation I’m doing is conditional - in one case I want slideInFromRight with slideOutToLeft, in another case I want slideInFromLeft with slideOutToRight, and in a third case I just want the content to be replaced with no animation. The transitionSpec is defined by a separate function, so in the third case I want it to return “no-animation”. Is there a built-in function for that, or do I need to do something silly like a fadeIn/Out with 0 duration tween?

is it a good idea to animate

CircularProgressBar

value like this: