When launching my app, the navbar and status bar flicker black for a very small amount of time, less than half a second before it gets set to the proper color I'm using the system UI controller accompanist library to be able to set it but the flicker is something I want to fix somehow

I'm using compose material 3 1.0.0-alpha13 and found that the swipeable modifier is marked as internal. Is there something that changed or was this some mistake?

Hi all I am getting color from state different in two places in same screen. State class:

data class AddEditNoteState(
   val color: Int = Note.noteColors.random().toArgb(),
)

In ViewModel:

private val _addEditNoteSate = MutableStateFlow(AddEditNoteState())
val addEditNoteState = _addEditNoteSate
   .asStateFlow()
   .stateIn(viewModelScope, WhileViewSubscribed, AddEditNoteState())

In Compose:

val addEditNoteState by rememberFlowWithLifecycle(viewModel.addEditNoteState).collectAsState(AddEditNoteState())
val noteBackgroundColor = remember {
   Animatable(
      Color(if (noteColor != -1) noteColor else addEditNoteState.color)
   )
}

Now when I access addEditNoteState.color and noteBackgroundColor.value Both are different. Not able to find the error. Note (noteColor != -1) is not true means we are using addEditNoteState.color in Animatable*

How would I achieve a composable with a hole in the middle, like on this image? I mean the dark overlay, which covers the camera preview under it. It covers some area while having a portion in the middle fully see-through.

Hey Mods, I submitted my app to the Play Store for review yesterday; it’s built entirely in Compose. When it gets released, can I make a note of it here? Not sure if there’s a rule about these sorts of announcements. Alternately I could put it in #feed, but the actual content of the app may not be that interesting to developers (it’s a live video / commerce app). No problem if that’s not allowed. Thanks

How can I make

detectDragGesturesAfterLongPress

where I'm able to handle the gesture differently depending if its horizontal or vertical? there's handlers for those directions but neither of them are after a long press

I have some problems with

InlineTextContent

. I am trying to add readings annotations to existing text. However, if I simply add the exact same text using a placeholder, the text gets added written vertically for some reason. I think the reason is that the placeholder width isn't exactly the same as the width the original text would have needed. But the way I did it I do not see the issue. (thread)

Just a simple question. Is it a compose anti-pattern to have a complete

State

as input of your root composable and have all subcomposables take either directly some subelements of that state or some

derivedState

? I can imagine that the runtime will trigger a recalc on the root component every time the top-level state is changed and this might be suboptimal.

Hello friends! I've coded two apps by Kotlin / Jetpack Compose, MVVM, mostly for my own familiarity with Android Coding (With a long background of Mlultiplatform coding by AS3, but completely unfamiliar with Java and the native environment), both of which are now on Google Play, totally free: https://play.google.com/store/apps/details?id=com.divaryab.hesab https://play.google.com/store/apps/details?id=com.divaryab.todo I'm going to add the Drag & Drop feature to the next version of the ToDo app, above. I have found some resources, however still not sure how to apply that to my code. Does anyone want to participate in this project with me? Either I put it publicly on GitHub to work on it, or we work on it privately, what do you recommend? Again, these apps are completely free and will remain free, my goal is to learn and at the same time produce some apps that are as simple as possible for the user to use.

Hello, I’m doing some fancy stuff with

AnnotatedString

and

InlineTextContent

and what blocks me is the static structure of

Placeholder

’s width & height. What I’d like to have is placeholder’s size to be derived from the text measurements it replaces. For example, like

this text in Slack

I’d like to put background (that I can with SpanStyle) and a border (which is missing from SpanStyle) with rounded rectangle (also not in SpanStyle). I could do this easily with

InlineTextContent

if only I could measure it relative to text size, e.g. with some margins/paddings, etc. Any ideas? Thanks!

Guys, how can achieve this surface with top shadow in compose?

Is there a

DropdownMenu

-like composable that is a row instead of column? I just want a floating tray of icons basically

Can I somehow make a boolean thats watched and when its true it gets set to false after a few seconds, with the ability to reset the timer. I'm going for a thing that will autohide the UI after inactivity

I need to get context in view model , I am trying to get using localcontext but it is keep giving error @composable invocation can only happen from the context of composable function, what is the best way to get context/activity instance in viewsmodel

Will

AndroidView

recreate view when

LocalContext.current

changed?

simple question (Probably duplicate 😁) ! i have father and child compose function , i set a mutable state in father compose function , how can i change father state in child compose function ? (when i pass it as a parameter it is only readable)

Hello, Does Anyone have idea on how to clear the ViewModel if any composable screen associated with that VM is not visible when other screen is Opened ? The issue is When the ABC screen is open I am doing the API call inside Init block of ViewModel. After switching the screen again when the screen is opened the init block is not called and No updated Api call happens

Compose Navigation question: How can we fix the flicker between the

startDestination

and the FTUE destination on startup? I’m not sure why the

startDestination

is still rendered briefly even if the backstack already has the FTUE destination at the top of the queue before the first render (via onPreDrawListener). We’re trying to keep following the navigation principles about above scenario but the flicker is really ugly. Anyone solved this yet?

Hi, i am investigating

androidx.compose.material.BackdropScaffold

i am attempting to use compose

Material3

theming. however my backdrop doesnt react to switching between light and dark mode, where other activities do. is this because

BackdropScaffold

is not a

Material3

component? How do i get backdrop theme to respect Light & Dark mode ?

Hi everybody, is there any solution with compose to check if a path on the canvas was touched? My paths are drawing the cantons of switzerland, which makes using bounding rectangles not a viable solution. My current implementation checks for the location of the touch and compares it to the location of the text elements, which works quite well, but being able to correctly match touch to path could propably be a better solution.

Is it possible to make

Text

respect the height constraint of

InlineTextContent

? As of now, if I use inline content that is too tall, it starts to overlap with the text from the line above. Ideally,

Text

would somehow increase the line height during rendering to not introduce such overlays.

So I'm updating to Compose 1.2 and using

includeFontPadding = false

and

LineHeightStyle.Align.Center

+

LineHeightStyle.Trim.None

. I observe an issue in TextField - if it is empty, the cursor gets smaller/decreased. This seems to be issue only with my proprietary font - the default font is ok. Anyway how to debug what's wrong? Some font-metric could be off? But why it is present only with empty value? Issue is similar to this fixed one. cc @Siyamed

Does anyone have a good shadow modifier implementation? I use this:

fun Modifier.advancedShadow(
    color: Color = Color.Black,
    alpha: Float = 0f,
    cornersRadius: Dp = 0.dp,
    shadowBlurRadius: Dp = 0.dp,
    offsetY: Dp = 0.dp,
    offsetX: Dp = 0.dp
) = drawBehind {

    val shadowColor = color.copy(alpha = alpha).toArgb()
    val transparentColor = color.copy(alpha = 0f).toArgb()

    drawIntoCanvas {
        val paint = Paint()
        val frameworkPaint = paint.asFrameworkPaint()
        frameworkPaint.color = transparentColor
        frameworkPaint.setShadowLayer(
            shadowBlurRadius.toPx(),
            offsetX.toPx(),
            offsetY.toPx(),
            shadowColor
        )
        it.drawRoundRect(
            0f,
            0f,
            this.size.width,
            this.size.height,
            cornersRadius.toPx(),
            cornersRadius.toPx(),
            paint
        )
    }
}

But it's not perfect.

👋 Hi all! I’m tying to setup a transparent status bar, via the Accompanist SystemUIController, with no luck. Hopefully someone can tell me what I’m doing wrong …. My Activity’s

onCreate

looks like this:

WindowCompat.setDecorFitsSystemWindows(window, false)

setContent {
    MyAppTheme {
        val systemUIController = rememberSystemUiController()
        SideEffect {
            systemUIController.setStatusBarColor(
                color = Color.Transparent,
                darkIcons = true
            )
        }
   }
}

But the status bar is rendered as solid white, as shown in this screenshot (note how the text at the top is cut off as it scrolls under the status bar)

Hello! I ve created a list that syncs with a tabrow. Whoever is interested in learning more in the implementation or want to use it, he can find it [here](https://github.com/St4B/smart-tabs)

I am showing Snackbar on NoteScreen but when the Snackbar is showing and I navigate to next screen and again go to back i.e NoteScreen Snackbar shows again . What is the best way to solve this.

Hello all, having trouble wrapping my head around an infinite lazycolumn using the pager v3 library. I would like to scroll up infinitely as new “un-viewed” items are available. This means that on initial load of the view, I would like to start the user at the bottom of the list, not the top.

How would I change the orientation of the screen on a button press?