Will Compose add its own video player component? Currently it seems to only be possible via AndroidView{}

Don't know how the cuts are made, but if today's merges will be in next release the last M3 slider updates include a wrong fix that will trigger broken taps on the slider. Posted details on the M2 slider https://issuetracker.google.com/issues/228588454 don't know who to ping.

Can somebody please help me here if possible, thanks 🙂

I realized I omitted a couple of keys in order to make the bug happen. Here's a working 30 LOC example. Reproduced in

1.2.0-alpha08

and

1.2.0-alpha07

.

[Solved] I have no idea why this happens but my snackbar message is triggered twice and only on first run of the screen (not the main screen):

val scaffoldState = rememberScaffoldState()
	val scope = rememberCoroutineScope()

	LaunchedEffect(screenState.message) {
		println("screen show message: ${screenState.message}.")
		whenNotNull(screenState.message) { msg ->
			scope.launch { scaffoldState.snackbarHostState.showSnackbar(msg) } // triggered twice
		}
	}

@Stable
class ScreenState {
    var isLoading by mutableStateOf(false)
    var message by mutableStateOf<String?>(null)
    var isFullScreen by mutableStateOf(false)
}

// in viewmodel

    companion object {
        val screenState = ScreenState()
   }

How can the snackbar be triggered twice when LaunchedEffect prevents that and

screenState.message

does not change? EDIT: It only happens when I run the operation that updates screenState.message on screen start like:

DisposableEffect(Unit) {
    viewModel.updateMessage()
    onDispose { }
}

Calling the operation from a button doesn't trigger the snackbar twice? EDIT2: Solved: I took some time to note that

LaunchedEffect

provides its own

CoroutineScope

, shame on me.

Is it possible to delete spans in textfield when clicking delete button in soft keyboard instead of removing each character at a time. I have @mentions of user name which is colored using color transformation. Would like to remove the entire name when the cursor is just next to the name and use starts deleting the characters. Is there a way to get all spans and delete them based on cursor position in textfield?

Is there any way to have my compose navigation and the fragment I have the compose to have same back stack?

I have an use case where I have compose Navigation with multiple screens in Fragment A, and I am showing Fragment B(a bottom sheet Fragment) when I click on a button in second screen in compose. Since there is a NavHostController in compose the back press when fragment B is showing goes straight to compose view instead of Fragment B

How to get outside click event when BottomSheetLayout is displaying. using gusteres it is not able to capture events

@nuhkoca,Is there any other option you are aware , other than using a 3rd part library.

Hi , What's the equivalent of “showSoftInputOnFocus” in compose Thanks in advance

Does anyone know if I can put a composable inside a navigation graph that is transparent? I have a lot of controller logic that i want to wrap up in a sub nav graph, and i want the root composable to be transparent so that it doesn’t cover up the screen underneath it. With the xml version of navigation, i’m able to achieve this by applying an appropriate theme to the fragment that’s acting as the controller layer.

Quick Q for the Googlers, does compose have support in the AOSP build system? We have a potential hardware project/prototype at work that it might make sense to use compose + aosp for.

so I'm starting to incorporate compose into an app, and I'm working on setting up navigation with compose and the rest of the app. i have a feature module that I was starting to set up using compose screens. i have a root fragment, that's a wrapper fragment for a composable nav host. The documentation for the compose navigation interoperability says that it's recommended to use wrapper fragments in hybrid apps, but if my module graph is all compose destinations with the exception of the root fragment/entry point, are there going to be any issues that makes doing this not ideal? should I just use fragment wrappers for all the compose screens and not use the composable nav host? navigating to my feature module is no problem, but I haven't gotten into navigating from the feature module to other modules/graphs yet and after re-reading the docs it made me question my approach.

Is their any way natively or via a library to show animated PNGs (apngs) in Jetpack Compose?

Will Material3's scaffold include drawer layouts in the future? Or was this an intentional omission?

Hi. Is there a way I can assert against a component's background color in Compose? I don't find any theme-related testing guide.

Hi, I’m looking to provide a replacement typography system and i’ve provided it like this:

@Composable
fun CustomTheme(
    content: @Composable () -> Unit
) {
    MaterialTheme(
        colors = LightColorPalette,
        shapes = Shapes,
    ) {
        CompositionLocalProvider(
            LocalRippleTheme provides CustomRippleTheme,
            LocalCustomTypography provides CustomTypography(),
            content = content
        )
    }
}

object CustomTheme {

    val typography: CustomTypography
        @Composable
        get() = LocalCustomTypography.current
}

rather than the convention seen in the docs:

@Composable
fun CustomTheme(
    content: @Composable () -> Unit
) {
    CompositionLocalProvider(
        LocalRippleTheme provides CustomRippleTheme,
        LocalCustomTypography provides CustomTypography(),
    ) {
        MaterialTheme(
            colors = LightColorPalette,
            shapes = Shapes,
            content = content
        )
    }
}
// ...

Are there any problems with using this style over the one in the docs?

Hey guys, how can I reach this Ui the shadow and so on, in a bottomsheet?

Has anyone tried AutoRead OTP in Compose ?

Could someone explain please, why there is no exit animation for Snackbar? I have the following code:

data class State(val snackMessage: String? = null) // hoisted in ViewModel

//show snackbars inside root Composable
LaunchedEffect(state.snackMessage) {
  if (state.snackMessage != null) {
    snackbarHostState.showSnackbar(state.snackMessage)
    viewModel.shackbarShown() // this make a copy of the state with snackMessage = null
  }
}

So then I emit a new instance of state with

snackMessage = null

, I expect that I see animation but instead it’s just gone. I’ve made some experiment and removed the line

viewModel.shackbarShown()

and then the exit animation was played…

I’m trying to use Dialog / AlerDialog in Compose , but didn’t find a way to change the scrim , is there any workaround ?

👀 My body is ready for Google I/O! Looks to be a lot of compose stuff going to be announced. https://android-review.googlesource.com/c/platform/frameworks/support/+/2034123

A possibility to implement real time background blur effect on lower Android versions and Compose, only a prototype, not yet fully ready! Link here: https://github.com/chachako/visual-effects But once again, this is an experimental thing, just I hope anyone can work with me to finish it, it still has a lot to do, and see https://kotlinlang.slack.com/archives/CJLTWPH7S/p1651861216776359?thread_ts=1651845634.528419&cid=CJLTWPH7S 🙏

Hi all. I’m trying to control the bluetooth logic through it’s own composable and i start that process when the screen is first rendered:

when it actually is

class UsersViewModel(
    private val savedStateHandle: SavedStateHandle,
    private val getUsers: () -> List<User>,
) : ViewModel() {

    data class State(
        val query: String,
        val users: List<User>,
    )

    private var currentQuery by savedStateHandle.saveable(CurrentQuery) { mutableStateOf("") }
    private val results by derivedStateOf {
        getUsers().filter { currentQuery in it }
    }
    val state by derivedStateOf {
        State(currentQuery, results)
    }

    fun queryUsers(query: String) {
        savedStateHandle[CurrentQuery] = query
    }
}

this doesn’t cause recomposition, why is that? because not all `derivedStateOf`s are read from

@Composable

function?

What is the correct way to pass the global states down? Is it wrong to create a state instance and pass it through

CompositionLocalProvider

? Can anyone post a link to a thread about this cheers

@Composable
fun CastMiniController(modifier: Modifier = Modifier) {
    AndroidViewBinding(factory = { inflater, parent, attachToParent ->
        val binding = FragmentCastMiniControllerBinding.inflate(inflater, parent, false)
        binding
    }, modifier.fillMaxWidth().wrapContentHeight())
}

xml file

<?xml version="1.0" encoding="utf-8"?>
<androidx.fragment.app.FragmentContainerView xmlns:android="<http://schemas.android.com/apk/res/android>"
    android:id="@+id/castMiniController"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:tag="miniControllerFragment"
    android:name="com.google.android.gms.cast.framework.media.widget.MiniControllerFragment">

</androidx.fragment.app.FragmentContainerView>

after adding it getting below crash

E/AndroidRuntime: FATAL EXCEPTION: main android.view.InflateException: Binary XML file line #2 in layout/fragment_cast_mini_controller: Binary XML file line #2 in /cast_mini_controller: Views added to a FragmentContainerView must be associated with a Fragment. View android.widget.LinearLayout{6809a66 V.E...... ......I. 0,0-0,0 #7f0a0176 app:id/container_all} is not associated with a Fragment. Caused by: android.view.InflateException: Binary XML file line #2 in /cast_mini_controller: Views added to a FragmentContainerView must be associated with a Fragment. View android.widget.LinearLayout{6809a66 V.E...... ......I. 0,0-0,0 #7f0a0176 app:id/container_all} is not associated with a Fragment. Caused by: java.lang.IllegalStateException: Views added to a FragmentContainerView must be associated with a Fragment. View android.widget.LinearLayout{6809a66 V.E...... ......I. 0,0-0,0 #7f0a0176 app:id/container_all} is not associated with a Fragment. at androidx.fragment.app.FragmentContainerView.addView(FragmentContainerView.kt:266)