Hello Everyone i have one scenario i have one library which is called as UI library in which i create common UI which is reusable for entire project lets say i have one component where i can search country using XML approach I will create one XML(search_listing_view.xmml) for listing country for recyclerview layout and another xml(search_layout.xml) where i am adding recyclererView and on top i am adding Search Field for filter now in contact details library i will use search field override XML if i want to change UI of search_listing_view.xml then i will create xml file with same name in contact details library then in xml i will change listing View How can i achieve overriding UI in Compose?

I have two behaviors of an animation due to Flow setup code, the only difference is how I launch Flow, code in thread.

Some rather embarrassing code ahead, but I'm trying to write a fairly simply container around my app content that intercepts click and triggers a navigate action on triple click under 500ms. The problem is that my code hangs and sometimes causes an ANR. Can I get some 👀 on it as a bit of code review?

Is there a way to get a

Text

to stay centered when it overflows. My label in

BottomNavigationItem

is overflowing a bit, but going off-center to the right. Image in thread.

Column {
    Row()
    LazyColumn()
}

How Can I make my Row scrollable? I want to scroll Row in the same time when I'm scrolling LazyColumn

How can I mix LazyVerticalGrid with a LazyColumn view? I’m trying to have image Carousels and then a grid view below, but I get this error message if I try to mix the two:

java.lang.IllegalStateException: Nesting scrollable in the same direction layouts like LazyColumn and Column(Modifier.verticalScroll()) is not allowed. If you want to add a header before the list of items please take a look on LazyColumn component which has a DSL api which allows to first add a header via item() function and then the list of items via items().

here’s my code so far:

Column {
        SearchViewSearchBarInactive({})
        LazyColumn {
            item { Carousel(books, "New York Times Best Sellers") } // this is a lazy row with images in it
            item { Carousel(books, "Award Winning") }
            item { Carousel(books, "Note Worthy Performances") }
            item { Carousel(books, "Trending") }
            item {
                Text("Categories",
                    style = MaterialTheme.typography.h3,
                    modifier = Modifier.padding(start = 8.dp, top = 32.dp, bottom = 10.dp),
                    color = MyAppTheme.colors.textPrimary)
            }
            item { CategoryView() } // this is my grid view
        }
    }

I have a bottom sheet in it's default open height (about half way up the screen) and I have a title aligned to the top in the middle. It looks and works great, but when the card is fully expanded, the title is under the status bar ever so slightly. "I know. I'll use accompanist insets to apply statusBarPadding()!" And yes, that works, but now my card in the default open height (half way open) now has wayyy too much padding in that state, but it looks great in the full expanded state. How do I go about solving this so that there is no padding in the default open state, but the extra padding is there during the fully open state?

Has anyone had experience with

Arrangement.SpaceBetween

? Im trying to left align Text, and right align another Text. The problem is my left aligned text can be long, and it's causing my right aligned text to wrap or be hidden completely

I want to start timer as soon as activity start but it keep on starting again and again attached video also for reference and code

Hello everyone, I am guessing there's something to the way remember works but I cannot make this work. My use case, load the profile from the backend and display it on the screen. Now when I first initialize the model for my composable I use dummy default values. Afterward, the backend fetches the profile and I want to render the new values. But it seems that even tho the composable gets recomposed, the remember values don't get updated (I guess that should happen lol). How can I go about this?

val model by component.models.subscribeAsState()

val profile = model.profile

val about = remember { mutableStateOf(TextFieldValue(profile.about)) }
val email = remember { mutableStateOf(TextFieldValue(profile.email)) }

Firstly the values for about and email are "" empty string but later on they get updated and the state updates. Is there a way to achieve this behaviour? As I need this values later on for values in my textfields

TextField(
            value = email.value,
            onValueChange = { email.value = it },
            label = { Text("Email") },
            readOnly = !isEditing
        )

Can you tell me what could be the problem when connecting Сoil?

Execution failed for task ':app:checkDebugDuplicateClasses'.

What text color property from the MaterialTheme can I use on this background color? I don't want to hardcode Black. (That's the default background of a LinearProgressIndicator) Does

onBackground

make sense?

This is rather simple question: I've one (child) compose screen which gets its argument from parent composable. I want to use that property to call a ViewModel function when child composable screen gets created. Where should I make that function call? Randomly inside composable? Inside

remember

?

Is there any way to let compose know that composable1() should be placed in upper half of screen and composable2() should be placed in lower half of screen (like instagram profile page), no matter at what time data arrive from network. (post data could arrive before user data)

I am trying to intercept clicks on a text to change the text colors. Both click and color work as expected. However, because of this interception,

talkback a11y

doesn't focus on the text anymore. Doesn't anyone know what could be wrong with this approach?

var isTextPressed by remember { mutableStateOf(false) }
Text(
    modifier = Modifier
        .pointerInput(Unit) {
            detectTapGestures(
                onPress = {
                    isTextPressed = true
                    if (tryAwaitRelease()) {
                        isTextPressed = false
                    }
                },
                onTap = {
                    onClick.invoke()
                }
            )
        }
    ...
    ...
)

How to combine clickable actions on parent and children?

Hey there 🙂 Does anyone know a neat way to make screenshots of composables?

So, I have built a UI in Compose for Android. It is a collection of vertical scrolling composables in a horizontal scrolling lazyrow. Think a schedule component. Two items: 1. The horizontal scroll performance is very bad. I will also try a non-Lazy column. But I am curious if people have pointers on how to profile this? 2. I would like to scroll all vertical components together. Anybody have an example of how to scroll columns together?

Working with custom widgets in Compose, I caught myself with constant

dp->px

and

px->dp

transformations. Because the Layout system works with

Dp

and the Canvas system accepts

Px

. Are there any recommendations or best practices on how to reduce the conversion of these units? Reduce repeatability of the code. The more they used in the code, the more it adds noise. 🧵

Hi all! What would be the best approach for deep linking to the content that requires authentication? For example: deep linking to a user's profile page. For now I can manually handle that kind of links, not using

deepLinks

list from

Composable

at all and it does not seem right. Thanks!

Hello, is it possible to do function param injection on a Composable using Hilt?

Where can we see Compose's supported Kotlin version?

A little curious about the compatibility of compiler plugin, why can’t Kotlin provide a stable compiler plugin interface so that compose doesn’t have to worry about compatibility often

I'm trying to recreate this airbnb carousel using Accompanist Pager. My code works/looks pretty much perfectly BUT the pager doesn't have padding on the left side (like the image shows)

Hi. I have a

TextField

with label. I want to change the

fontSize

of label but leave the behaviour that it becomes smaller when it floats to the top. If I change font size, the animation of decreasing size is gone and label has the same size in focused and unfocused mode. But if I don't set manually

fontSize

, everything works as expected. Any suggestions? Code in thread.

I have an app that has a Home screen, but kicks you to the SignIn screen if userManager.isLoggedIn == false. This works fine, but my bottom nav also works based off of whether or not I'm on the Home screen. Problem: The bottomNav flashes on the screen on a cold start In my test, I made my Home screen a Box(filledMaxSize with background Red), and it does NOT show/flicker when I launch the app. The only thing that flickers onto the screen is the bottomNav. It is very minor but I was wondering if there's something I can do to improve this?

@Composable
fun MyBottomNav(navController: NavController, items: List<Screen>, userManager: UserManager
) {
    val navBackStackEntry by navController.currentBackStackEntryAsState()
    val currentDestination = navBackStackEntry?.destination

    if(currentDestination?.hierarchy?.any { it.route == Screen.Home.route } == true) {
        BottomNavigation(...

how could I draw only the parts of the text that are on top of the darker, filled background in white and the rest in black?

My

hiltViewModel

calls (from the

androidx.hilt.naviagtion.compose

lib) returns a new instance of the retrieved viewmodel as opposed to returning the same viewmodel scoped to a navigation graph where it is first retrieved. Any ideas what I might be missing?

I want to be able to pick up and drag one element into a "container" element, i.e. moving files around in folders in AS or IntelliJ. Dragging is supported fine, but detecting when something is dropped on the current composable seems hard (looking for enter/exit doesn't work since

detectDragGesturesAfterLongPress

consumes the position change events). Is there any support for this I'm not seeing, or has anyone implemented anything similar?