I have an Issue with

WindowInsets

in

BottomAppBar

. The

WindowInsets

padding are set after the transition to the new screen finishes and that results in a jump of the bottom bar. Is there a work arround for that? (video in thread)

Scaffold(topBar = {
            ...
        }, bottomBar = {
            // Wrap the navigation bar in a surface so the color behind the system
            // navigation is equal to the container color of the navigation bar.
            Surface(
                color = MaterialTheme.colorScheme.surface,
                tonalElevation = 6.dp
            ) {
                BottomAppBar(
                    modifier = Modifier
                        .windowInsetsPadding(
                            WindowInsets.safeDrawing.only(
                                WindowInsetsSides.Horizontal + WindowInsetsSides.Bottom
                            )
                        ),

I’m having an issue with loading a list of items, as in when I let the execution run normally, nothing shows up, but if I debug and basically wait some time, then the items appear what I do to make them appear is set the state to Success(items) and listen to it in my composable to know whether to show Loading or the items

@Adam Powell @Zach Klippenstein (he/him) [MOD] sorry to tag you guys. But I’d really appreciate if someone could look into this when you have time. 🙏

Does someone know a nice way to have a layer on top of button but same shape and size as the button ? Context: I need to have a disabled state that is applied across the button.

Is it possible to have several Lazy rows synced with the same

ListState

? ( For example if a user scrolls al rows are scrolled at the same time)

Is there a way to prevent Focus on a TextField?

Modifier.focusable(false)

isn't doing what I expect it to do. My use case is I want to have a TextField that looks editable, but when clicked on is not focused and instead goes to a different screen. Ideally I'd like to use

enabled = false

but that changes the colors in an undesirable way. Currently, it still focuses the text in the TextField before navigating away

Hi guys, I am trying to bind services in compose app but it always return null to me. I tried this stack overflow. But it didn't work to me. Anyone guide me on this ?

I'm having some trouble thinking of how I should design the navigation in my app I've got several screens: Home, Feed, Library, Search, Channel, Playlist, Settings (with subscreens for categorization) and Player The home, feed and library screens are the first thing to show when the app is loaded, and can be navigated between using the bottom bar. The other screens are ones that are opened by other methods Any idea how I could structure this in my navhost?

This is the code I’m running:

@Preview
@Composable
fun Preview() = Row {
    val fontSize = 48.sp
    val modifier = Modifier.border(1.dp, Color.Blue)
    Text(text = "Function", modifier, fontSize = fontSize)
    Text(text = "功能", modifier, fontSize = fontSize)
    Text(text = "機能", modifier, fontSize = fontSize)
}

say for example I have an Activity which does setContent and starts a composable like EventsNavHost (has a NavHost inside and determines where to go from that screen) inside I have Events composable (the actual list of events let’s say) I am passing the callback to this EventsNavHost so that it could pass it to the Events so that it could run it on event clicked, the callback just includes opening another screen with the given event details and whatever, great but I also want it to do something that is right now sitting in the viewModel for the parent activity (the one that EventsNavHost is started from) so you got 1 part of the code i want to pass that opens a new screen, and another that does something that should belong in the viewmodel, how do I pass both to EventsNavHost > Events > onEventCLicked?

how do I prevent the same

when (state)

to be run on each recomposition ? cause I have the state changing from the viewmodel due to some request and something happening there that will cuase it to change, and then the when gets triggered again and the actions resulting from it happen again

Hi Everyone I have been writing a Jetpack Compose Kotlin Multiplatform project which is a Slack clone and uses gRPC(kotlin) as backend , will continue to maintain and improve this as I get time and share updates with the community 1. Create workspaces ✅ 2. Register ✅ 3. Login ✅ 4. Create channels ✅ 5. Send messages in channels ✅ 6. Send 1:1 messages ✅ 7. Misc bug fixes 🚧 Attached video demos for JVM and Android, (compose iOS is maintained but has issues with gRPC library) here’s the source code https://github.com/Anmol92verma/SlackComposeMultiplatform

hello guys . is there any way to convert an AnnotatedString to PDF and also apply all its spanStyle and paragraph style ? or if we can transform AnnotatedString to bitmap then PDF its also works.

is there a way to turn off animations for a compose hierarchy, for example, in paparazzi snapshots, i want the animation to complete immediately. I can set a property / composition local manually in my composables, but that doesnt seem ideal. 🤔

I have a custom text field with

BasicTextField

and

OutlinedTextFieldDecorationBox

, and when the field is tall enough for some reason, this green teardrop shaped draggable handle appears. Is there any way to remove this, or at least style it?

I can’t pass a drawable id (R.drawable.image) as an INT for my painterResource(). When running in release mode I get the following crash:

java.lang.IllegalArgumentException: Only VectorDrawables and rasterized asset types are supported ex. PNG, JPG

the image I pass as an INT is a PNG.

Hello guys. Have small issue. I have nav host with

composable

and

bottomSheet

( from accompanist ). In my composable route i set custom BackHandler. But when i navigate from that screen to bottom sheet screen , my bottom sheet screen inherit back handler behaviour from previous screen. Any chance to solve it 😞 ?

How should we observe a flow to navigate to a different screen, when using @Compose and ViewModel? Suppose we wait for a

logout

call to finish, how should we collect the flow result in a @Composable function? The only way I could think of would be something like this:

@Composable
private fun ProfileScreen(
    onUserLoggedOut: () -> Unit,
    viewModel: UserProfileViewModel = viewModel()
) {
    LaunchedEffect(key1 = Unit) {
        viewModel.onUserLoggedOut.collect { userLoginState ->
            when (userLoginState) {
                UserLoginState.LOGGED_IN -> Unit // do nothing
                UserLoginState.LOGGED_OUT -> onUserLoggedOut()
            }
        }
    }
}

However, it seems a bit off. IS there any better solution to this?

Hello - probably a beginner's question. I was looking at `VisualTransformation`to add some simple transformation to a `OutlineTextField`(like adding currency formatting, or percentage % display). But as soon as I add `

class PercentageVisualTransformation : VisualTransformation {
    override fun filter(text: AnnotatedString): TransformedText {
        TODO("Not yet implemented")
    }
}

The code no longer compiles with an error message:

Inheritance from an interface with '@JvmDefault' members is only allowed with -Xjvm-default option

- I'm not comfortable changing compiler options for what, I thought, should be a simple thing to do. Any suggestions?

We’ve run into an odd situation with orientation changes on a Galaxy Tab s6 Lite. We have the

android:configChanges

property set in our Activity in our AndroidManifest and one of the values we have in there is orientation. We also utilize

LocalConfiguration.current.orientation

to check the orientation in some places and act accordingly. This works on all of the devices we’ve tested except this Galaxy Tab s6 Lite. For some reason we are always getting ORIENTATION_LANDSCAPE as the value on the current config on that device, unless we remove “orientation” from the conifgChanges list in the manifest. Has anyone seen this before or aware of another option to work around this issue?

Hello! How can I make image from byte array?

What other Android/Compose libraries are looking to be made multiplatform from the Android team? One of the ones that I think would be the most useful would be the navigation library.

thanks for detailed description. the difference for letterspacing is that on compose side we use a Span (https://cs.android.com/androidx/platform/frameworks/support/+/androidx-main:text/tex[…]xt/android/style/LetterSpacingSpanEm.kt?q=LetterSpacingSpanEm) where as platform is using directly function on Paint (https://cs.android.com/android/platform/superproject/+/master:frameworks/base/graphics/java/android/graphics/Paint.java;l=1821?q=Paint.java)

Has anyone attempted adding picture in picture? I want to implement it eventually in my app but I'm not sure how

I see this code in one of the Android sample apps (Jetsnack):

@Stable class Filter(

val name: String,

enabled: Boolean = false,

val icon: ImageVector? = null

) {

val enabled = mutableStateOf(enabled)

}

which has me wondering why the “val enabled” property is not passed in the constructor and the class is not a data class. Is this some sort of compose pattern? Possibly to use in a destructured access to the “setEnabled” setter, which I do observe in Jetsnack.

Hello ! I’ve created a the following class that use

Context

and

Pools.SimplePool

via Hilt I’ve made it into a Singleton. Would creating a LocalProvider for this not recommended ?

Is there any meaningful difference in doing

setContent{ LaunchedEffect(Unit){ suspend code } }

in my activity, as compared to

lifecycleScope.launch { suspend code }

? Both calls would be made in onCreate, and Im just curious really.

Is there a layout like `Row`/`Column` that makes the items flow like a text?

what could cause some Composable to not be recomposed when some state that’s being observed inside it has changed from the viewmodel?