Hello, is it possible to animate color or show/hide Canvas views with animation?

How could I achieve a row that behaves like this? I want the box(image) to be square, and the same height as the text. I can’t measure the box first, because then I wouldn’t know the text height, and I can’t measure the Text first, as I wouldn’t know the box width 🤔

Is there a Date Range picker on compose ? for date there we used DatePickerDialog but for Date Range picker we are unable to find a solution.

I have this little abomination of a debug view, but it doesn't show any text at all - the buttons in the top bar appear just fine, but no output. https://gist.github.com/reactormonk/45892c2ba8dcc7b0e5f9d583029e5827

I’m using

LazyColumn

with

itemsIndexed

with keys and have

Modifier.animateItemPlacement()

on my items. The list of items is immutable inside a mutableStateOf(). I can delete items one at a time (replacing with a new immutable list) and the animations appear to work as expected. However, I am confused by this comment from the documentation on animateItemPlacement(): “Aside from reorderings, item animations for additions and removals is currently in development.” (I am using Compose 1.3.0-beta03 and Material 3 1.0.0-beta03, the version prior to what just came out today.) Is that note out of date, does it not apply to my case, or am I just lucky?

Hey, I am having this issue whereby Textfield does not lose focus on clicking out of it. After looking around, I saw a suggestion whereby you can add

pointerInput

modifier with

detectTapGestures

to your Parent layout. However, this can get messy when reusing the textfield in multiple places. Any suggestions around this?

Does anyone have an impression about why

.animateContentSize()

works when expanding content, but not when contracting/shrinking it? details and example in thread 🧵👇

Hmmm… https://developer.android.com/jetpack/androidx/releases/compose-material3#1.0.0-rc01

Version 1.0.0-beta03 contains these commits.

Was that on purpose? 🤔

Is it frowned upon to comment on open PRs in AOSP? (Specifically related to Compose)

Does anyone know the current status of compose support with Android TV? I saw some focus related updates in the compose changelog (e.g Improved behavior with physical keyboard or TV remote) but haven’t seen any specific leanback related updates or plans on the compose roadmap. Anyone have any info / experience on the subject?

Are bottom sheets gonna be added to the material 3 library anytime soon? I'd like to be able to use it without having to do my own implementation, and not having another library

Does Anyone have issue using ModalBottomSheetlayout with textfield using compose? Keypad keep overlaying on BottomSheet’s textfield component. I have tried imepadding() options but it doesn’t work. Only option that did work was fake input spacebar on textfield. If I input something, bottomsheet pops up above keypad but if not it doesn’t. Unfortunately I couldn’t find any better solution so far, so asking in the channel if anyone has better solution. thx!

Not a native English speaker but couldn’t figure out this test case too https://android-review.googlesource.com/c/platform/frameworks/support/+/2218466/4/compose/ui[…]/kotlin/androidx/compose/ui/text/style/HyphensTest.kt

This message was deleted.

For anyone that's using cash app's molecule like pattern for presenter, i would like to ask for a feedback for the code that I write that follows compose based presenter. This code merge bunch of presenter into 1. For me it's easy to read and write, but i dont know from other people. https://github.com/DjakaTechnology/droidjam-managing-state-compose/blob/main/common/src/commonMain/kotlin/id/djaka/droidjam/common/ui/booking/BookingPresenter.kt Thank you

is this how I would model the state for a list of results?

data class EventsState(
    val events: List<EventComponent> = listOf(),
    val isLoading: Boolean = true,
    val errors: Errors = Errors.None
)

back in my switch case, I have a case for

isLoading

, another case for

events.isNotEmpty()

, another for

errors.throwable != null

and the final

else

where I’m assuming the events list is empty the issue is, when I first load up, and while the events list is coming back, I get the empty state why is that?

isLoading

starts off as true and the only time it becomes false is when the events come back, I update the state along with the isLoading in 1 go, when is it getting the chance to fall into the else?

eventsState.value =
    eventsState.value.copy(events = it, isLoading = false, errors = Errors.None)

Hey, I just started with compose and I have something like

@Composable

fun A() { }

@Composable

fun B() {}

I start in A, then I navController.navigate() to B. Then, I go back by pressing the back button and A is recreated from scratch, as the LifecycleEventObservers passes the on_create, on_start and on_resume, like this: A: ON_CREATE A: ON_START A: ON_RESUME navigating to B B: ON_CREATE B: ON_START B: ON_RESUME back button A: ON_CREATE A: ON_START A: ON_RESUME Is there something wrong in my code, or is this the expected behaviour? I don't want A to be recreated every time I go back to it

I use this code:

var text by remember { mutableStateOf("") }
TextField(
    value = text,
    onValueChange = { text = it }
)
Button(onClick = { text = "A different text." }) {
    Text("paste")
}

Has anyone had any luck embedding compose in a Flutter application? Trying to sneak in a cheeky bit in an AlertDialog via a

ComposeView()

but getting:

java.lang.IllegalStateException: ViewTreeLifecycleOwner not found from androidx.appcompat.widget.AlertDialogLayout

Compose updates! Some things that stood out to me: Version 1.3.0-rc01 • Added new experimental API Hyphens to support automatic hyphenation in Text (Iaa869) • Support negative spacings in lazy lists and grids • Improve Snapping animations • Fixed

ArrayIndexOutOfBoundsException

coming from the slot table (b/249076084) • Fixed

LazyColumn

memory leak -

onModifierLocalsUpdated

was not being called with the default value when modifiers were reused (b/230168389) Old-ish... but just a reminder that Version 1.3.2 supports Kotlin 1.7.20

l

Key "..." was already used. If you are using LazyColumn/Row please make sure you provide a unique key for each item.

For crashes like these, is there any work being done to improve the stack traces? I have a billion LazyColumn/Rows in my project, and while the error message explains the issue perfectly, I have zero insight into where it actually happens.

Is it possible to mark concrete 3rd party dependency classes as Immutable or Stable, like via some compiler plugin option? My current use-case is Joda Time where most classes are immutable, but this is applicable for basically any library with immutable model classes.

Hey, the Dropdown Menu inside my LazyVerticalGrid items is causing recomposition every time I swipe my HorizontalPager. Removing the Dropdown Menu is causing no recomposition.

DropdownMenu(
    expanded = showMenu,
    onDismissRequest = { showMenu = false }) {
    DropdownMenuItem(onClick = {

    }) {
        Text(text = "Share")
    }
}

This is inside my PostItem which is inside my LazyVerticalGrid. Unfortunately, this is causing a huge frame drop because all the AsyncImages contained in the PostItems are recomposed.

Hey, I am using bunch of experimental Apis in my jetpack compose App e.g; Accompanist Permissions library and now I’m close to production launch. Should I replace these experimental Apis with some other workaround before the launch or is it fine ?

You can remove ripple effect

.clickable(
                interactionSource = MutableInteractionSource(),
                indication = null,
                onClick = { ... }
            )

Or, if you want ripple effect, you can get swipeable state and check if currentValue is equal to 1 (final swipe), and send ripple to it.

.clickable(
                interactionSource = MutableInteractionSource(),
                indication = if(state.currentValue < 1 ) null else rememberRipple(),
                onClick = { ... }
            )

I was running an infinite “animation” using a Canvas and the code in 🧵. Weirdly, a UI test kept failing because the Node tree didn’t contain this Composable at all, nor the Snackbar that I was checking if it was displayed. Visually, both were being displayed. When I replaced

withFrameMillis

to

withInfiniteAnimationFrameMillis

, in the code, the UI test passed and the Node tree was correct. My question is, is this a bug I should file?

I'm trying to solve this https://stackoverflow.com/questions/73982699/make-text-selectable-using-the-mouse Text selection is not working as expected.

I use

ModalBottomSheetLayout

and

bottomSheet

from Accompanist. Does someone know if there is a support for foldables/large screens? The M3 guidelines suggest a max width of

640dp

, but I can’t seem to figure out where to set it. Is there a best practice example somewhere? Thanks for your help