Hello Composers, I have a topbar composable where I am using Row as a composable content, I am not able to align the text( title of appbar) to center vertically in row, I have set vertical alignment of Row to center vertically. It centers as expected when the icon (back arrow) appears but goes to default alignment top when icon is not there.

Anybody know how can I add compose to existing codebase, I want to add it to a new fragment without any XML, I tried to follow Interop documentation but after doing the steps, the build was successful app launched and crashed when I navigated to that fragment, it only had a ComposeView with a Text.

I have been experiencing serious issues with the Android Studio IDE since trying to use compose with it, specifically in an existing project. Issues ranging from not completing “Analyzing/syncing” source files, resource manager not showing my resources, autocomplete is slow or not even working sometimes. I got a pop-up saying this below:

High number of internal exceptions has been detected. This indicates a serious problem with the IDE. Please consider clean reinstall of Android Studio. If the problem persists, please report a bug by following the link below.

Anyone else experiencing this?

Hi, just would like to share and confirm. This is how I scope my

ViewModel

to a

NavGraph

.

@Composable
inline fun <reified VM : ViewModel> navGraphViewModel(
    route: String,
    navController: NavController,
): VM {
    // Now get the NavBackStackEntry associated with the parent
    val backStackEntry = navController.getBackStackEntry(route)

    val context = LocalContext.current
  
    return ViewModelLazy(
        viewModelClass = VM::class,
        storeProducer = { backStackEntry.viewModelStore },
        factoryProducer = { HiltViewModelFactory(context, backStackEntry) }
    ).value
}

Was wondering how others are doing theres? (I am using Hilt for my project, the ViewModelFactory could be passed in if you are not using Hilt)

hi, I upgraded to compose beta 1.00 and my current project that i created a day ago started showing error for

setContent{

and

LazyColumn{

what are the new alternatives for these?

Hi guys, Currently i'm developing one sample app. Whenever I click on icon button I need to change the app theme & Icon. Below code works fine. But is there any way to optimise the below code?... Since I'm repeating the entire code block in both

if

and

else

block?

Hi guys, I'm trying to create transparent chip view for genders

Male

&

Female

. I'm repeating this code block for two times here. Below code works but I guess it can be optimised. Any Suggestion? I have also attached image of the both chip views

Hi everybody ! I've just cloned and downloaded the Puppy Challenge repository, but AS Artic Fox (2020.3.1 Canary 8 ) do not even manage to compile it:

An exception occurred applying plugin request [id: 'com.android.application']
> Failed to apply plugin 'com.android.internal.application'.
   > java.lang.NoSuchMethodException: java.lang.invoke.MethodHandles.privateLookupIn(java.lang.Class, java.lang.invoke.MethodHandles$Lookup)

I'm compiling with Java 8 from AdoptOpenJDK

hi, what could be an alternative to notifydatasetchanged onjetpack compose? i have this note like ui with text and a crosss button. on click of cross , i wish to invoke a listener which will remove that item from the list. code in thread

This message was deleted.

I am trying to justify a single line of text. I have tried appending

\n

with no help. The first line of text is justified if I set

maxLines = 2

and let the text flow in second line. I am not so familiar with how justification works on android but is there a way to achieve this - a single line of text which can stretch to occupy full width of the screen?

If I have a Row, with background colour and rounded corners, when I have achild in that row with a different background colour how can I make it fit the rounded corners of the parent without also needing to tell it about rounded corners?

Hi guys, how to send data class as an arguments instead of each type in the data class? P.S -> I'm having list of items in home screen when onClick I need to pass the data as a class!

Hey guys, what do you think is the best way to implement a vertical grid with items that could fit full width and half width (so sometimes there is empty space in a column)?

Hi, on the android show talked about the experimental api for multithreaded composition. Is it available in beta1? does it need to be turned on somehow? because apparently all my composition functions are always called from the main thread. Thanks.

Is it possible to nest a LazyColumn in a scrollable Column? Like a RecyclerView with

height="wrap_content"

.

What is the difference between

rememberSavable

and

savedInstanceState

. Both are mentioned in https://developer.android.com/jetpack/compose/state. They look like they do the same thing.

Hi, I was trying to create notes app like screen and ran into some bugs and crashes, probably due to my implementation. below file contains the code. • My ui would  consists of a list of notes, each note consisting of text, a button to edit(that will just change notes text directly on click) , a button to delete  and an overall toast on item click. • so from what i know, for this  i would need an item ui composable, a list ui composable , a state controller composable(state hoisting i guess?) and finally setting all of this to setContentView, right? • so i did all this .the  list was showing correctly. I was also using

SnapshotStateList

directly for learning purposes instead of using

mutableStatelistof.

But: 1. the  on click log and delete action seems to work, but when done too quickly, started giving index out of bounds. is it because of my implementation? 2. my main goal was to show a toast on item click, but could not access 

LocalContext.current

 , so had to test with logs. how to get context? 3. onEdit was not working immediately, but would show effect after scrolling. if it was recycler view, i would say a classic problem of adapter not reflecting latest changes due to lack of notifydatasetchanged call. so again, what did i missed?

I have a composable that represents a screen, with a list of items, a fab to add new items, edit buttons, delete buttons, so like 6 things I'm passing into this screen from the viewmodel

Using the Pager in Jetcaster and trying to introduce a draggable component in one of the Pages of the Pager. What’s the best way to make the draggable component in the Page completely consume the pointer events so that the parent Pager doesn’t react to them?

Hi, I have a composable that takes one heavy parameter that should never change and one lightweight parameter that should change a lot. I initially wrote it like this

@Composable
private fun Page(page: PageRenderer /* @Immutable data class, never changes */, turn: Dp = 0.dp /* changes frequently in animations */) {
    Surface(
        Modifier
            .fillMaxSize()
            .background(page.background)
            .offset {
                IntOffset(
                    -turn
                        .toPx()
                        .roundToInt(), 0
                )
            }
            .drawWithCache {
                onDrawWithContent {
                    drawContent()
                    drawIntoCanvas {
                        Timber.i("Drawing into canvas")
                        page.paint(it)
                    }
                }
            },
        elevation = 15.dp
    ) {}
}

Based on my logs, I noticed that

drawIntoCanvas

was called every time

turn

changed, which I was very surprised by. (I thought the whole point of offset taking a lambda would prevent that) I fixed the issue by adding another component, but I'm confused by why this was necessary

@Composable
private fun Page(page: PageRenderer, turn: Dp = 0.dp) {
    Surface(
        Modifier
            .fillMaxSize()
            .background(page.background)
            .offset {
                IntOffset(
                    -turn
                        .toPx()
                        .roundToInt(), 0
                )
            },
        elevation = 15.dp
    ) {
        Canvas(Modifier.fillMaxSize()) {
            drawIntoCanvas {
                Timber.i("Drawing into canvas")
                page.paint(it)
            }
        }
    }

Is there a recommended place/callback to use for the first composition, analogous to fragment's onCreate?

What do you want to do with it @Rahul Sainani? You might be looking for

remember

This is just out of curiousty, is there any resources out there for how to create your own custom LAZY layout, thank you in advanced

Hi Guys how can I load

gif

image from raw files in composing? I'm using GlideImage library..

Is it a performance issue, if i put mutableState fields in model class which is use in lazyColumn items?

When I add kotlin to the list of plugins in my project as per this doc, I get this error: (The rest in the thread)

Anybody else experiencing this issue? I upgraded to beta01 and kotlin 1.4.30

androidx.compose.compiler.plugins.kotlin.IncompatibleComposeRuntimeVersionException: You are using an outdated version of Compose Runtime that is not compatible with the version of the Compose Compiler plugin you have installed. The compose compiler plugin you are using (version 1.0.0-alpha13) expects a minimum runtime version of 1.0.0-alpha13.

Guys I have completed the #AndroidDevChallenge. I hope it helps someone who's looking forward for some UI inspiration with JP Compose implementation. You can download app from Github share your reviews 🙏... Heartly congratulations for Jetpack Compose Team & Android Community who worked hard to make Compose great ♥️ Github