Has anyone gotten live edit to work recently? I used to use it mostly fine, but as of late in canary 9 (and canary 10 released a few hours ago) still nothin. Feels bad having it disabled for like the past month+

How can I make a toggle button without an icon using the latest beta of the material 3 library?

Did you by any chance find a solution to this issue? 1 year later and i find myself in a similar predicament.

I’m trying to cache an android view and use it across configuration changes but I keep running into an

IllegalStateException

. The android view is a

TextureView

that i’m using for a webRTC call so I don’t want to restart the whole calling process on config changes. I’m handling configChanges manually as follows

android:configChanges="orientation|smallestScreenSize|screenSize|screenLayout"

And reusing the Surface as follows ()

val context = LocalContext.current


val surface = remember {
    MyTexture(context)
}

LaunchedEffect(Unit){
    // some legacy webrtc code which initialises call and sends frames to the texture view
    callController.initialise(surface)
}

AndroidView(factory = {surface})

The error message says

Pending composition has not been applied

initialising the view in the factory method prevents this exception from getting thrown, but that will mean re-building a new call whenever the user rotates their device. I have 2 options now, re-architect a legacy app to work properly in this situation by removing the dependency on the

TextureView

during call initialisation or find a way to workaround this problem. I’m currently leaning towards the latter. Posting StackTrace in thread…

I'm working on a brand new compose app & I was wondering what most people use for compose navigation these days : 1️⃣ Jetpack compose navigation + accompanist 2️⃣ Compose destinations 3️⃣ Appyx 4️⃣ Voyager 5️⃣ Decompose Please vote with your number; if you're using something else feel free to comment below 🧵

I think it’s pretty clear from the code what I’m trying to do, is this the most ideal way to do it?

@AndroidEntryPoint
class MainActivity : ComponentActivity() {

    @Inject
    lateinit var prefs: SharedPreferences

    private val viewModel: MainViewModel by viewModels()

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)

        lifecycleScope.launch {
            viewModel.state.collect { uiState ->
                when (uiState) {
                    is MainViewModel.MainState.Loading -> {
                        Log.d("MainState", "Loading...")
                    }
                    is MainViewModel.MainState.Success -> {
                        setContent {
                            uiState.user?.let { Home(user = it) }
                        }
                    }
                    is MainViewModel.MainState.Error -> {
                        setContent {
                            Authentication()
                        }
                    }
                }
            }
        }
    }
}

I see that we have two ways to make constraints in constraintLayout,

constraintSet

and

createRefs()

. Are there any tips about when should I use which and why?

What is easiest way to make this screen? Background should be Box with fillMaxSize and image as content but how then to position title in center, logo and bottom part? Any advice? Thx in advance.

Hi ✋ I'm using BringIntoViewRequester to scroll items that aren't fully on-screen onto the screen within a LazyRow. The problem is I want to change the animation being used to bring them onto screen. Mainly I want something much slower than the built-in spring animation. Is there a way to do this?

Is there a way to draw outside of a composables bounds? Or to render a nested composable on top of (higher z-Index) as a composable that has a different parent? e.g.

Box {
  Box { 
    Composable1() <-- render this "on top of" (higher zIndex) Composable2
  }
  Composable2()
}

hey guys. looks like

pointerInput

modifier doesn't work with

Button

. how can i detect

on released

event on a button?

Hi, Does anyone now what are the risks using “@OptIn(ExperimentalComposeUiApi::class)” ? Can it cause a run time exceptions when it will change in the future?

I really like the ideas behind Compose! I noticed that Compose, Flutter, and SwiftUI all use similar layout techniques of (i) parent constrains child, (ii) child picks size, (iii) parent places child. Does anyone know where this layout technique originally came from? Is there tool that came before these three that uses the same idea?

Swipeable users, are any of you using

thresholds

to define custom thresholds based on the origin and/or target? For example:

Box(Modifier.swipeable(thresholds = { from, to -> if (from == A) FixedThreshold(56.dp) else FractionalThreshold(0.5f) }))

Got a question regarding the material-components-android-compose-theme-adapter. The latest stable release 1.1.17 targets Compose 1.3.0-beta01. This does not follow the same structure that accompanist does, which supports only stable compose releases on stable accompanist release, beta compose on accompanist beta and so on. So this means that if we bump to this latest, we’re then transitively depending on the beta version of the compose non compiler libraries. Does this have any implications regarding our running code? From what I understand, if we don’t define some dep explicitly, the transitive dep will take over and gradle will pick the latest version of it. If we do have it defined explicitly I am not sure what it will pick if the transitive is 1.3-beta and ours is 1.2.1. Is this something I should even be worried about in any way? Some help here would be much appreciated.

Hello! I want to make a decay animation whose velocity can be changed by user input (say every time user press a button the velocity goes 50f higher from current velocity). How to do that?

I want to hide the bottom sheet from inside a ViewModel (after a backend call succeeded). To do this, I need to emit a

StateFlow

from the ViewModel which contains a boolean property

showBottomSheet

. In my screen's composable, I can then remember (and reinitialize) the bottom sheet state like this:

val modalBottomSheetState = rememberModalBottomSheetState(if (screenState.showBottomSheet) Expanded else Hidden)

That takes care of hiding the bottom sheet. But how do I keep the

showBottomSheet

state in the ViewModel synchronized with the composable, when e.g. the user swipes down the bottom sheet? For this I included a callback in the composable:

onBottomSheetDismissed

. I called this callback in the

confirmStateChange

lambda parameter of `rememberModalBottomSheetState()`:

// Composable

val modalBottomSheetState = rememberModalBottomSheetState(
    initialValue = if (screenState.showBottomSheet) Expanded else Hidden,
    confirmStateChange = {
        onBottomSheetDismissed()
        true
    }
)

// ViewModel

val screenState: StateFlow<ScreenState> = _screenState.asStateFlow()
private val _screenState: MutableStateFlow<ScreenState>

fun onBottomSheetDismissed() {
    _screenState.update { it.copy(showBottomSheet = false) }
}

But it appears that this callback is called very early in the dragging process, and my

showBottomSheet

variable in the ViewModel gets reset to

false

as soon as the user even drags the bottom sheet one pixel down and the bottom sheet immediately disappears (see video in thread) Is there a better way to handle opening/closing the bottom sheet from a viewmodel and keeping the state synchronized between the two?

Is there any documentation on testing non-ui composable code?

Hey guys! I have an app whose Composables use the system's default font family (

FontFamily.Default

), but when I change the system's font, it is not updated until I clear the app's data. Is there any way to "force" it to update?

Does Compose have a Modifier that is equivalent to SwiftUI’s id? I have a part of my app that renders pixel data into an IntArray, and I use nativeCanvas to render this to a composable. I don’t want to have to re-allocate this array every time it re-renders, but I do have a variable that I can guarantee will change if the pixels change. I would like changes in this variable to cause recomposition of my Canvas. I know that I can just to a meaningless read of the variable, but I’d like something more clear.

Hey guys, Is there a way to set a pivot point / anchor for

Modifier.scale(0.5f)

?

Has anyone implemented iOS's overscroll feature, and not just in the latest version of Android, in Compose? It seems like it'd be possible

I want to change background color when user press on button. When I tried some piece of code it showing my some shadow color. I don't understand. Can someone guide me on this.

Hello everyone, I am using accompanist.navigation but I have the following exception when the app is just starting Version 0.26.0-alpha Compose 1.3.0-alpha02

Since AndroidComposeView is implemented using a ViewGroup, is it possible to access to its children (composeviews) as they were normal android views? (I know there is a specific way to test Compose views, but I'd like to know how these compose nodes are implemented).

Hi everyone. I created a color palette library that allows you to customize and extend M3 ColorScheme in Compose, supporting Android 5.0+. https://github.com/Kyant0/Monet Just provide a key color, it will generate tonal palettes with several styles. You can map the generated palettes to M3's by using

dynamicColorScheme()

, and set it to

MaterialTheme

. (Don't forget to provide

LocalTonalPalettes

first.) You can also get a dynamic color by using

40.a1 withNight 80.a1

(100 means white, 0 means black), this is very brief. There's a demo you can play with.

Hello everyone! Does anyone have an example of the use of Osmdroid with compose?

Hello, I'm trying to implement full screen ModalBottomSheetLayout with TopAppBar and I wonder how other people implemented.