Having some trouble using compose navigation with multiple bottom navbar backstack support. Details in Thread 🧵

Does anybody know a tutorial about creating your own nav host / nav controller / navigator?

If the first Text is too wide it shrinks my second Text. Instead of "9999" only one "9" is shown for example. How can I achieve that the second Text always takes the required space and the first Text get's shrinked/overflows if there is not enough space? I tried

defaultMinSize

, but that has not the effect I expected.

Row(
    verticalAlignment = Alignment.CenterVertically
) {

    Text(
        text = text
    )

    Spacer(
        modifier = Modifier.weight(1.0f)
    )

    Text(
        text = photoCount.toString(),
        maxLines = 1,
        modifier = Modifier.padding(horizontal = defaultPadding).border(1.dp, Color.Red)
    )
}

Hi 🙂 I have a strange issue with

DropdownMenu

and I don't know if it's me doing something wrong. I want the `DropdownMenuItem`s to contain an icon and text. It however seems like the width of the items are based on the text solely and not the combined width. I have this implementation as an example (in the

actions

part of a

TopAppBar

):

IconButton(onClick = { showMenu = !showMenu }) {
    Icon(<http://Icons.Default.Menu|Icons.Default.Menu>, contentDescription = null)
}

DropdownMenu(
    expanded = showMenu,
    onDismissRequest = { showMenu = false }
) {
    DropdownMenuItem(
        onClick = { }
    ) {
        Icon(Icons.Default.ThumbUp, contentDescription = null)
        Text("This is a line", maxLines = 1)
    }
    DropdownMenuItem(
        onClick = { }
    ) {
        Icon(Icons.Default.Clear, contentDescription = null)
        Text("This is another line", maxLines = 1)
    }
}

I've attached some Screenshots. The first is how it looks with the above implementation (see the second line is cut off). The second is how it looks without the icons - notice how the width of the box is exactly the same as the first. The third is how I want it to look in the end (I achieved this by setting a static with on one of the `Text`s to 170 dp). Does anyone know what I'm doing wrong - or could it be a bug?

Hi! How do I create different instances of a ViewModel on the same destination?

composable(route = "a") {
    Component1(hiltViewModel())
    Component1(hiltViewModel())
}

How does Compose draws the UI, does it uses

View

class internally to draw the UI.

Hi, how can we change imeAction label text?

Hey, I was going to write a post here but I wrote it on Medium: Stripping theme.xml for a more compose approach

guys, is it posible to automate

contentDescription

generation for every composable in the project?

modifier = Modifier.semantics {
      contentDescription = "back button"
    }

maybe with reflection or some AOP tool? ideally i would name each contentDescription with a current composable function name

Hi all! Do you know if there is a way to get all the material icons into my app? I want to allow the user to choose any icon from the categories(filled, rounded, sharp, etc.) I was considering using reflection but I think that would consume a lot of time and resources

Does anyone know if Espresso UI testing will work with compose? Whats the plan for UI testing compose driven layouts?

Is there any support for the Material Slider concept of floating value label.

Does the navigation-compose support multiple backstack for bottomNavigation? I tried example from developer.android.com, but tabs doesn't saves it's state

Hey people, I recently used

@Preview

extensively and I would say that providing all the fake data sometimes gets repetitive. Doing for example

getFakeUserModel(id)

functions work great, but… where do you put those? Where in the package structure do you put your fake preview data? And polluting every class with something like

data class Whatever(...) {
    companion object {
        fakePreviewWhatever(something: String): Whatever
    }
}

is not necessarily something that I love doing. At the rate that I am doing it now, a big chunk of my files in the package structure would need to be there just to provide fake models which sounds like a great way to confuse newcomers to the codebase. Any tips or tricks on how to do this better?

Any plans to hook up

Surface

to Compose? Would be useful for, say, camerax.

Seems if startDestination in NavHost isn't a BottomNavScreen it breaks backstack

Hi Everyone, We are not able to do Appium Testing as i am not able to find view in appium, earlier we use to find view by ID but as of now we don't have id. Is there any support for appium or any work around

I am trying to get rid of underline while typing in textfield, Any help?

Why does AdView cause memory leak? code is in thread

What’s the Canvas function to draw such path?

How do you make a LazyColumn reset scroll to zero when a model changes? Code in thread is not working.

glad to see the glow effect for scroll https://developer.android.com/jetpack/androidx/releases/compose-foundation#1.1.0-alpha03 🔥 awesome job

Is there a known way to only show elevation on the bottom of a particular composable? I have a Surface that I want to have elevation, but it's also showing elevation on the top as well. Although ever so slightly. The basic layout for this is

Column {
    TopAppBar(){}
    Divider()
    Surface() {} // Essentially an elevated Row. Picture below
    Content() {}
}

Hi there, im using

jetpack compose navigation

, I want to ask when I use

Navigate with arguments

it will go back to the previous page by clicking the back button on the phone, but if I want to make a back button inside this interface and also go back to the previous page, how should I do it?

:kotlin-intensifies: Anyone use chrome custom tab in compose?

I was updating to the latest jetpack compose navigation dependency by including this line,

implementation "androidx.navigation:navigation-compose:2.4.0-alpha08"

in my build.gradle. Sync works fine, but when I try to build, I get this error (in thread) stating that min sdk is not 31. I'm a bit confused by this since sdk 31 is android 12, which hasn't come out yet? Edit: Resolved!

Hello, I am trying to make an enum with references to Colors from my theme!

enum class Hierarchy(
    backgroundColor: Color,
    contentColor: Color,
    pressedBackgroundColor: Color,
    pressedContentColor: Color,
    disabledBackgroundColor: Color,
    disabledContentColor: Color,
    border: BorderStroke? = null,
) {

    Primary(
        backgroundColor = MyTheme.colors.accentDefault,
        contentColor = MyTheme.colors.contentInverse,
        disabledBackgroundColor = MyTheme.colors.accentDisabled,
        disabledContentColor = MyTheme.colors.contentInverse)
}

But as the enum is not a Composable I am hit with an error

@Composable invocations can only happen from the context of a @Composable function

. Is there a workaround this error?

When using Coil to load videos from URIs generated with

ContentResolver

, I need to explicitly pass the fetcher to the request builder, otherwise Coil cannot process the video (since the URI does not contain the file type). E.g.:

Image(
    painter = rememberImagePainter(
        data = contentUri,
        builder = {
            fetcher(VideoFrameUriFetcher(LocalContext.current))
        },
    ),
    contentDescription = null,
)

Creating the

VideoFrameUriFetcher

instance for every video seems kind of inefficient. Is there a better Compose way?

👋 Hello, Any good article where navigation from the viewmodel is included? I'm definitely getting headaches from this. 🙏 A flow and a sealed class make that if I press return I immediately go forward again.