hey. We have a fairly strange issue with

LazyVerticalGrid

. So we have set up using

GridCells.Fixed(100)

to emulate percentage span size for items. To enable 50%, 33%, etc on the items on a grid. What we are finding is that compose seems to think that in a two column layout (50 span each), the first cell at (50 span) is always slightly larger than the other one and there is no way seemingly to fix it. Is this a known issue?

How to show a Row that is aligned bottom in a Box in Modal Bottom Sheet when sheetstate is half visible?

Is there a way to get an animation to run outside the bounds of the composable? So as to not have the animation clipped? Details in the thread.

hey 👋 🤖 question: I would like to test a compose version with a fix that is not released yet: https://issuetracker.google.com/issues/230168389#comment83, how can I do it?

Does a function like this make sense? It’s quite often that I have the need to transform a suspend function to a state, so I wonder why there nothing like this built into the runtime 🤔

@Composable
  private fun <T> suspendingGet(default: T, get: suspend () -> T): T {
    var value by remember { mutableStateOf(default) }
    LaunchedEffect(Unit) {
      value = get()
    }
    return value
  }

Is it possible to create a state management library for compose to reduce the number of passed parameters to nested composables? Something like provider in flutter?

I saw this animation in the kicker app and tried to do it in compose. i already have the outerline (white) and the inner hexagon (red) with the rotate animaton. but i really struggle with the animation of the white line. can you give me a few hints how this could be done?

Is there a vague timescale--ie. week, month, couple of months etc--as to when Compose will support kotlin 1.7.20? Cheers

Getting an IR Lowering error with this root cause

Caused by: java.lang.IllegalStateException: couldn't find inline method Landroidx/lifecycle/viewmodel/compose/ViewModelKt;

. Any suggestions on how to fix this?

Hello everyone, I'm using

TextField

in my app but got pomeblems. 1. Some

annotations

were assigned to the

TextFieldValue

, but in the

onValueChange

callback all the annotations are gone. 2. I also applied some

SpanStyle

to the text. But if using GBoard to type in this

TextField

, it can only have 1 character to be applied in the textfield, and kept calling

onValueChange

with same value. I tried

1.2.1

and

1.3.0-beta03

but got the same behavior, any fix plans or workaround suggestions?

I don’ undestand why alpha doesn’t change. Ok i created 3 image and i/d like change alpha moving a bar/percentage. // data

data class ImageTransitionData(
    var imageList: List<Image> = emptyList()
)

data class Image(var src: Bitmap?, var alpha: Float = 0f)

// screen

var pageState = viewModel.uiState.collectAsState().value
pageState.imageList.forEach { image ->
    Box(
        modifier = Modifier.fillMaxSize(),
        contentAlignment = Alignment.Center
    ) {
        BitmapImage2(
            image.src, image.alpha
        )
    }
}

@Composable
fun BitmapImage2(image: Bitmap?, alpha:Float) {


    val imageBitmap = remember {
        mutableStateOf<ImageBitmap?>(null)
    }

    image?.apply {
        imageBitmap.value = this.asImageBitmap()

    }
    imageBitmap.value?.let {
        Image(
            modifier = Modifier.fillMaxSize(),
            bitmap = it,
            contentDescription = "",
            contentScale = ContentScale.Fit,
            alpha = alpha
        )
    }

    Log.d("touch", "TOUCH ${ alpha}")
}

Ok this works.. screen shows first image in alpha 1f i want change first image alpha… so…

private fun setPercentage(percentage: Float) {
    if(percentage >=0){

       var image = uiState.value.imageList.toMutableList()
        image.get(0).alpha = percentage /100

        uiState.value = uiState.value.copy(
            imageList= image.toList()
        )
        Log.d("touch", "TOUCH ${image.map { "Alpha:${it.alpha} - " }}")
    }

}

it’s strange , i changed array but i dont’see recomposition

Using Jetpack compose with Kotlin 1.7.20 is currently not possible correct?

With the

LazyListState

how do I write a function to “bring item into view”? So that it would do minimal required scrolling to make an item entirely visible. I can’t find all the needed data, or just slow tonight 🙂

Bumping this up. Any help would be appreciated. Being a pain in the ass for quite some time now.

Does compose use

DisplayList

to produce information to the RenderTread on the sync process?

Looking at some treads here, it seems like

RenderNodes

are like the

DisplayList

, but for the purpose to fulfill the compose pipline

How to optimize recompose of google map markers with image downloaded?

hi, i didn’t find a way to check when mouse is over a Box.. i have to show an image when mouse is over an area..

Hello, anyway to get activity’s onResume and onPause state in a Compose Screen? Having issues with exoplayer.

I'm trying out the

molecule

library and migrating my presenter code into

composable

function. But some function that have primitives parameter recomposed multiple times when it doesn't need to be. code in thread I expect

presentCountryListState

to be recomposed everytime either

initialState

is changed or

query

is changed. This is true, it will always recompose when query changed but when I look at the console everytime query changed this log shows:

Recomposition for presentCountryListState
Recomposition for present
Recomposition for presentCountryListState
Recomposition for present

Notice that it run the function twice somehow Anyone know why this is happening?

How can I have a viewmodel that persists all throughout my app? Then one that persists only one screen? With them both supporting backstack. I'm using this small library https://github.com/X1nto/Taxi as opposed to compose destinations and androidx navigation cause its a lot simpler and animation is super easy. I'm just not sure how to get my viewmodels to behave how I want them to.

Surface {
    Taxi(
        modifier = Modifier.fillMaxSize(),
        navigator = navigator,
        transitionSpec = { fadeIn() with fadeOut() }
    ) { destination ->
        when (destination) {
            is AppDestination.Root -> RootScreen(navigator)
            is AppDestination.Search -> SearchScreen(navigator = navigator)
            is AppDestination.Player -> PlayerScreen(
                navigator = navigator,
                videoId = destination.videoId
            )
            is AppDestination.Channel -> ChannelScreen(
                navigator = navigator,
                channelId = destination.channelId
            )
            is AppDestination.Settings -> SettingsScreen(onClickBack = navigator::pop)
        }
    }
}

Settings, Search, Player, Channel should all be scoped to the one screen. I'm using koin for injecting my viewmodels like this

fun SearchScreen(
    viewModel: SearchViewModel = getViewModel(),
    navigator: BackstackNavigator<AppDestination>
) {

Hey friends, I wrote a post on compose navigation. This post details some of the common mistakes you can make when trying to implement jetpack navigation with compose, and how to avoid them https://programminghard.dev/compose-navigation/

Hi. I'm trying to get the top offset of cursor in a

BasicTextField

. A solution I'm currently using is using the

onTextLayout

callback and from there, accessing

textLayoutResult.getCursorRect(textFieldValue.selection.end).top

. This works perfectly fine, but, It's only re-evaluated during a change in text layout and moving the cursor doesn't trigger that. So a solution I could think of is forcefully trigger

onTextLayout

on each change of cursor; but I don't know how and plus, it's probably inefficient and definitely hacky. Can anyone provide another solution or maybe an idea for triggering

onTextLayout

?

Hi Guys, anyone please let me know, how you guys handle the load more results in compose?

private val _flightList = MutableLiveData<List<MultiCityFlightListingUiModel>>()
val flightsList: LiveData<List<MultiCityFlightListingUiModel>> = _flightList

For e.g I set the values on response of api, and observe that live data in the UI to show the appropriate results.

Hi is there a better way to use

produceState

and

collectAsState

?

val stateFlow by produceState<Flow<Stateable>>(initialValue = flowOf(InitialState), true) {

    value = viewModel.reduce(ActivitySearch)

}

val state by stateFlow.collectAsState(initial = InitialState)

in my composable? is there an approach where i can combine the

produceState

with the

collectAsState

?

Hello! I am trying to render a SVG like that

Image(painter = painterResource(id = R.drawable.svg_name), contentDescription = "")

and I get the following error:

java.lang.IllegalArgumentException: Unknown command for: R

Is there some sort of limitation? Is there any way to overcome this issue?

Can a

androidx.compose.ui.graphics.Path

, and by extension an

android.graphics.Path

, be considered as

@Stable

or

@Immutable

? I know the compose compiler doesn’t think so by default. I’m trying to assess if I could add the

@Stable

or

@Immutable

annotation myself.

I've read through the very interesting thread https://kotlinlang.slack.com/archives/CJLTWPH7S/p1617664367220300. I'm using the experimental text UI and have implemented the suggestions of explicitly setting

includeFontPadding = false

and

lineHeightStyle

(the former does help a bit, the latter makes no difference, probably because my text is a single line), however I still get a lot of padding above and below my text. Is there a way to make that space smaller?

Hi! Did anyone tried and failed to create a proper FlexBox implementation in Compose or is it just a niche layout waiting for its hero to implement it? The whole purpose of this question is to research any known compatability issues between flexbox and Compose single-pass layout model before trying to implement it myself

I have a really strange issue