小编Jos*_*f M的帖子

如何在compose中创建TopAppBar?

我目前正在尝试为 TopAppBar 创建一个单独的可组合项。我想要这样的东西:https://gyazo.com/029064b4fb4169c5171a85934fcdcc7a。我希望能够将它与抽屉分开定制。我怎样才能做到这一点?

我尝试创建一些以下教程并在网上重新搜索,但没有任何运气。我不明白为什么它不起作用!

@Composable
fun ScaffoldWithTopBar() {
    Scaffold(
        topBar = {
            TopAppBar(
                title = {
                    Text(text = "Top App Bar")
                },
                navigationIcon = {
                    IconButton(onClick = {}) {
                        Icon(Icons.Filled.ArrowBack, "backIcon")
                    }
                },
                backgroundColor = MaterialTheme.colors.primary,
                contentColor = Color.White,
                elevation = 10.dp
            )
        }, content = {
            Column(
                modifier = Modifier
                    .fillMaxSize()
                    .background(Color(0xff8d6e63)),
                verticalArrangement = Arrangement.Center,
                horizontalAlignment = Alignment.CenterHorizontally
            ) {
                Text(
                    text = "Content of the page",
                    fontSize = 30.sp,
                    color = Color.White
                )
            }

        })
} …
Run Code Online (Sandbox Code Playgroud)

kotlin android-studio android-appbarlayout android-jetpack-compose

6
推荐指数
1
解决办法
1万
查看次数

使用 Jetpack Compose 中的导航抽屉在可组合项之间导航

我正在尝试在 jetpack compose 中为抽屉图标/文本字段设置导航,但不确定如何正确执行。如何设置导航,以便每当我单击其中一个图标时,我都会导航到该可组合屏幕?这是目前我的MainDrawer 布局:


@Composable
fun MainDrawer() {

    val scaffoldState = rememberScaffoldState()
    val scope = rememberCoroutineScope()
    Scaffold(
        scaffoldState = scaffoldState,
        topBar = {
            AppBar(
                onNavigationIconClick = {
                    scope.launch {
                        scaffoldState.drawerState.isOpen
                    }
                }
            )
        },
        drawerContent = {
            DrawerHeader()
            DrawerBody(
                items = listOf(
                    MenuItem(

                        id = "item1",
                        title = "item1",
                        contentDescription = "Go to item1 screen",
                        icon = Icons.Default.Home
                    ),
                    MenuItem(
                        id = "item2",
                        title = "item2",
                        contentDescription = "Go to item2 screen",
                        icon = Icons.Default.Settings
                    ),
                    MenuItem(
                        id …
Run Code Online (Sandbox Code Playgroud)

android kotlin navigation-drawer android-jetpack-compose

2
推荐指数
1
解决办法
2361
查看次数

撰写中 Google 地图上具有 FAB 的用户的当前位置

我正在尝试创建出现在谷歌地图上的蓝色地理定位图标,单击该图标可以使用户居中。我已经创建了向用户询问位置的权限,以便使用谷歌地图,但如何获取他们当前的位置?有没有办法在撰写中使用谷歌地图来做到这一点,或者它还没有作为一项功能实现?

在此输入图像描述

android google-maps kotlin android-jetpack-compose

1
推荐指数
1
解决办法
2104
查看次数