Is there a way to create/load

androidx.compose.ui.text.font.FontFamily

from a font family defined in XML?

How do I get the text to be inline with the switch?

Row(horizontalArrangement = Arrangement.Center) {
    Switch(
        checked = checkedState.value[index],
        onCheckedChange = { ... }
    )
    Text(s.clothingLabel, style = MaterialTheme.typography.h6)
}

I am using compose 1.2.0-alpha07

Can anybody point me to some docs or source that shows the best practice for a real app that contains more than just one ViewModel? I'm trying to understand the best way to configure the app so that the state controls the page shown and each page has its own view model that is only created when the page loads. I can only find simple examples that gloss over that type of complexity.

Hey all! I've a

HorizontalPager

inside a scrollable

Column

and the pages in the pager are of different height. Because of height differences, the shorter page have compensating whitespace at the bottom to match size of the tallest page(Right now I only have 2 pages). Is there a way to have the

HorizontalPager

wrap it's height to the height of the currently selected page?

Anybody here know an efficient way to animate LazyRow's horizontalArrangement property? I have something along the lines of

val animatedSpacingScale by transition.animateFloat(label = "scale") { state ->
  when(state) {
    LargeSpacing -> 10f
    NormalSpacing -> 1f
  }
}
LazyRow(
  horizontalArrangement = Arrangement.spacedBy(initialMargin * animatedSpacingScale),
) {
  items(viewModel.urls) {
    MyCustomImageWhatever(
      url = it,
      modifier = Modifier.height(90.dp)
          .aspectRatio(1f, matchHeightConstraintsFirst = true),
    )
  }
}

and it works, but it causes recomposition of the list at every animation step. Is there a nice clean way to get this done without all that recomposition or am I fundamentally misunderstanding something?

Maybe this is a simple question but is

android.useAndroidX=true

needed in a pure compose android app?

Is it possible to place 2 children as normal at the top and one child at the bottom in a

Column

? For example:

Column(modifier = Modifier.fillMaxWidth().height(80.dp).padding(12.dp)) {
  Text("Text1")
  Text("Text2")

  // At bottom
  Button(onClick = {}) {
    Text("Click")
  }
}

Hi! How can I detect if Composable element is visible on the screen or vice versa, without too much calculations? I want to hide the top

Image

if the

Button

(which is placed at the end) is not visible and user have to scroll for it. Root Composable is

ConstraintLayout

This message was deleted.

Hi guys I have Transition that manages AnimatedVisibility of the buttons and runs them simultaneously if isStartButtonVisible changes, but the problem is that isStartButtonVisible state is not saved and that makes AnimatedVisibility of the buttons also change Go to reply if you wanna see the full code

If I have a vector image resource which has 3 colors, can I somehow replace each of those? Perhaps by constructing some smart

ColorFilter

?

Image(
  painter = painterResource(R.drawable.multi_color_image),
  colorFilter = buildColorMatrix(
    replacements = mapOf(Color.White to Color.Red, Color.Black to Color.Blue)
  )
)

fun buildColorMatrix(replacements: Map<Color, Color): ColorMatrix {
  // ???
}

My color-space-fu is not strong enough. Or not possible?

Hello, how can I provide 2 different ripple colors depending on the actual theme? I tried to implement my own RippleTheme but didn’t understand how it works

private object MyRipple : RippleTheme {
    @Composable
    override fun defaultColor(): Color = TRTheme.colors.secondaryBlue1

    @Composable
    override fun rippleAlpha(): RippleAlpha = RippleTheme.defaultRippleAlpha(
        Color.Black,
        lightTheme = !isSystemInDarkTheme()
    )
}

Does anyone have a suggestions on how I could make this a reusable component / modifier?

Hi all, can compose navigation handle

Android App Links

i am running into this issue

This version (1.2.0-alpha07) of the Compose Compiler requires Kotlin version 1.6.10 but you appear to be using Kotlin version 1.6.20

even though i have

org.jetbrains.kotlin:kotlin-gradle-plugin:1.6.10

I know this was discussed a bit before (i remember talking about it in the dev preview) but did anything ever update from what the default theme should be for a compose only app? I currently use

<style name="Theme.My.App" parent="android:Theme.Material.NoActionBar" />

I think Chris Banes was talking about this sort of stuff last, but yeah. Just curious if theres a way to use non-appcompat theme (so no appcompat dependency) but have a DayNight theme? because I don't want to bring in appcompat, but it looks like Theme.Material.* doesn't have any daynight variation. I think

anyone use

ideavim

with

android studio

here? do you know how can I disable the auto build? don't know why it always trigger a auto build..😂

we experience a lot of lag when LazyColumn adds a new portion of composables. What can we do to mitigate it? it’s a calendar with a lot of distinct Text()’s each month

Hi all, it'd be great if some of you could proofread my article https://okmanideep.github.io/understanding-composition-and-side-effects It tries to shed some light on the order of execution of @Composable functions and Side Effects

Struggling with multiple backstacks with compose routes... What would be the correct way to navigate to a destination that is in another tab? Let’s say A, J, X is the bottom bar top-level destinations, and this is the graph:

A -> B -> C
J -> K -> L
X -> Y -> Z

If app is in J, then it wants to go navigate to Y, how do I navigate to Y correctly? I just call

navController.navigate("Y")

, but then the bottom bar now behaves weirdly, tapping the J bottom bar does nothing. The bottom bar is showing because it’s logic for visibility is

currentDestination.hierarchy.any { it.route in bottomDestinations }

based on official docs and samples. Is there a better way?

if I press the start button isStartButtonVisible state is changed from true to false and when I go to another tab compose doesn't remember that. go to reply if you want to see the full code

I’m trying to get text to enter a currency-specific textfield from right to left with two decimal places and a locale-dependent DecimalFormatSymbol. Essentially, this is what Paypal/Venmo and others do and it’s become a pattern many people are familiar with. Obviously, I’ll need to swap the order for RTL languages. I’ve got the formatting working, but the text still enters from left to right. Does anyone have any tips to change the order the text is entered? Has anyone built a UI element like this in Compose already?

Would you collect a Flow (not StateFlow) in a composable or collect it in viewmodel and expose it as snapshot (MutableState) field? e.g. your business logic emits a constant flow of progress values to show a ProgressIndicator in UI

I've run into an issue with compose 1.1.1 and kotlin 1.6.20 not being supported. It appears to be failing on purpose because compose is checking the kotlin version. It recommends 1.6.10 and suggests overriding suppressKotlinVersionCompatibilityCheck, but I can't get that to work because of changes in Android Studio. Has anybody run into this with 1.6.20 and most importantly, do you have a work around?

Is there a way yet to correctly prevent re-initialization of an expensive AndroidView in compose? Such as for these situations: • LazyColumn/LazyVerticalPager with AndroidView (say with ExoPlayer Views) ◦ Seems weird that it is not able to recycle Android View instances like a RecyclerView, it seems to expensive when your items have AndroidView. ◦ Would I need to implement my own recycled view pool? • Switching destinations in the NavHost (Say Google Maps View with other destinations) I tried saving the MapsView instance in a singleton in the official maps-compose sample, though it’s still not seamless like in the Production Google Maps App. [Demo in Thread]

ah so after some testing I see that Compose must be doing some kind of analysis to determine where a property is used in the tree

Wrote an article about how you can debug recompositions in Jetpack Compose - https://www.jetpackcompose.app/articles/how-can-I-debug-recompositions-in-jetpack-compose

Hi, Facing issue with loading new images in

LazyColumn

. Existing image shows until new image is available. It's using Coil's

ImageLoader

and

produceState

. Details in the 🧵

This message was deleted.