Does anyone know of a good way of providing different styles for different lines of text in an

TextField

. I have a sort of working solution using a custom

VisualTransformation

however trying to see if there is a different way of achieving this.

Hey all. I’ve got an issue with instrumented tests running on Github Actions, where the compose

assertIsDisplayed()

is failing. I’m wondering if it’s possible that there could be a problem with these compose assertions running against a headless emulator? The tests seem to run fine on various emulators when I run them locally. Just not quite sure where to look to figure this one out..

Hi how can I detect touch event in compose without consume the event? For example,

Box1(){
   Box2(){
   }
}

If there are two boxes in the screen, how can I detect touch event in Box1 but consume the event in Box2?

How can we pass initial parameters in jetpack compose ViewModel using Hilt

@HiltViewModel
class AboutVM @Inject constructor(
    private val profile: Profile,
) : ViewModel() {
...
}

How

profile

can be passed ? while creating viewmodel like below

val vm = hiltViewModel<AboutVM>()

My bottom navigation can't navigate to the start destination after opening a deep link. Any idea why?

What's the dismiss callback in the

SwipeToDismiss

composable?

I built some nifty "loading buttons" with animations...

I’m having some issues with the

pointerInput

Modifier on a piece of text. I use it to get the click position and do some things with it, but my issue is that is override the default click behaviour as well. In my case, this means that with a

SelectionContainer

I can select my text, but clicking to deselect doesn’t work, the

pointerInput

consumes the click and doesn’t “transmit” it. Any idea on how to do that? Use the position and still transfer the click?

How do I know if a composable is fully visible? 🧵

Hi all, how do I move the text “Blog” to the middle of this white box?

Hey all, I am trying to do this dark transparent look. I was using alpha but it was hiding the background image and turning the text color from white to a lighter grey. Any help please

Is it okay to launch another coroutine inside

LaunchedEffect

by wrapping it inside a

launch

block? Otherwise the

showSnackbar

method blocks the coroutine because it's a

suspend fun

LaunchedEffect(Unit) {
    viewModel.events.collect { event ->
        when (event) {
            is RewardListViewModel.Event.ShowUndoRewardSnackbar -> {
                launch {
                    val snackbarResult = scaffoldState.snackbarHostState.showSnackbar(
                        message = context.getString(R.string.reward_deleted),
                        actionLabel = context.getString(R.string.undo),
                    )
                    if (snackbarResult == SnackbarResult.ActionPerformed) {
                        viewModel.onUndoDeleteRewardConfirmed(event.reward)
                    }
                }
                Unit
            }
            is RewardListViewModel.Event.NavigateToEditRewardScreen -> {
                navController.navigate(AddEditRewardScreenSpec.buildRoute(event.reward.id))
            }
        }.exhaustive
    }
}

Hi, I have a vertical list of TextFields. Tapping any of those shows the keyboard. I want the focused item to automatically scroll above to be visible if it gets hidden behind the keyboard. How can I achieve this behavior?

do i need the

androidx.activity:activity-compose

dependency if I have one activity application? What is the dependency for?

is there any immediate future plans to improve preview? Atm is the current bottleneck. too slow. Otherwise compose is dope

I need to animate between colors, similar to animateColorAsState, but getting the intermediate values manually (e.g. get the color 0.3 of the way between color A and B). How do I access that color-cross-fade functionality without running an animation?

I'm trying to workaround some limitations in the experimental material ModalBottomSheetLayout. Since this composable doesn't actually use Dialog like the view based materal BottomSheetDialog, we're not getting the automatic OS behavior to size and position the bottomsheet. (On Surface Duo devices bottomsheets don't span both screens obscuring content in the middle, instead they get positioned on the screen to the right when you app is spanned across both screens). I'm guessing the foldable device case will get handled by material library someday (though the androidx.window library is maybe not very convenient for a library to use with its async API to detect foldables), in the meantime, what would be a good workaround? (We have another case I guess Material won't care about, but we like to not use full width bottomsheets on really big displays) I've tried two things: (1) create a wrapper that replaces part of ModalBottomSheetLayout so I'm doing my own background Scrim and display of the content, then size/position a ModalBottomSheetLayout inside of that. Because Scrim() and ModalBottomSheetState.confirmStateChange are private in material, I have to duplicate a bit but not too much to get something that looks and behaves correctly. (2) set sheetBackgroundColor, elevation to be invisible, on my sheetcontent specify the background color, elevation, shape. This looks right but the interaction is a little wrong since you can swipe on transparent areas of bottomsheet content. I suppose another option is to use the view based BottomSheetDialog and setContent a separate compose tree there. or try to recreate ModalBottomSheetLayout using compose's Dialog infra. Other ideas?

what’s the proper way to implement multi model bottom sheets in a screen (since the modalBottomSheetLayout accepts the screen content) ?

relatively new to Kotlin, so apologies in advance if there's something dumb i'm missing 🙂 I'm currently experimenting with (Jetbrains) Compose and Decompose, and while I have a working implementation based on the Decompose samples, I'm wondering whether it's possible to use sealed classes as the exposed component value type as opposed to just a single data class as per the samples? I've tried to update as expected but this falls apart when updating the component value as there's no

copy()

method or equivalent to replicate the samples when invoking value.reduce {}, and the widget doesn't recompose when the observed

state

value changes. What am I missing? EDIT: creating a wrapper

data class

to hold my

sealed class

did the trick to make it play nice, though very much open to suggestions if there's a better way to handle this!

Hi ! I know that there's something wrong in my

@Composable

code, but don't know what. Because when I rotate the device, the value of

pageIndex

switches between two values instead of keeping the same value. More in 🧵

Why

parentLayoutCoordinates.size

is

0 x 0

for the first few items? More inside 🧵

Hey guys, i'm trying to build a preview with the preview parameter but it's only shown in light mode even tho there's another preview parameter attached to it as it forces the UIMode to be night, tried making the preview composable not private, the preview class not internal, doesn't work, code in thread, AS info in the picture

Did any1 managed to find a good solution to multiple bottom sheets? It’s so weird the api. It is impractical

I’m having an issue with Compose

@Preview

rendering. This shows up as “Render problem” in the preview pane:

java.lang.NullPointerException: Parameter specified as non-null is null

The parameter referenced in the message is just a

text: String

which gets passed to a text composable

Text(text = text)

Anybody tried LazyColumn or LazyGrid on Android TV? For me, they don't scroll down. See the attached video, first example is with

LazyColumn

, second one is just

Column

with

verticalScroll

modifier. Edit: Looks like this is related to d-pad navigation because when I swipe using

scrcpy

, all the rows are there.

What’s custom shape-to-component mapping? (pic1), I’ve tired, but I think I cannot apply to components automatically.

Is there anything that can detect drag gesture started and stopped I am currently using it like this:

Modifier.pointerInput(Unit) {
    detectTransformGestures { centroid, pan, zoom, rotation ->
        offset += pan
        scale *= zoom
    }
}

I am zooming the image and I need to know when the zoom drag is ended like we removed the fingers? Further info 👇

Hi I’ve published a new app for production Now i’m receiving crash reports Any help is appreciated

potentially dumb question but I haven't found the answer to be documented anywhere: is it possible to compile (Jetbrains Compose for Desktop) a Deb package on MacOS M1? It seems even running the

packageDeb

Gradle task instead builds a MacOS app

If I have a

Recipe

compose to show

Recipe

data. Is it good to use the same name on both compose fun and data class?