如何在这段代码android jetpack compose中实现全屏滚动

发布于06月02日

一百零二

我想要这样的形象

fun MoreScreen(
    moreMenusTopSection: ArrayList<MoreMenus>?,
    onItemCallback: (menus: Menus?, onDismiss: Boolean) -> Unit
) {
    val scrollState = rememberScrollState()

    Box(modifier = Modifier.fillMaxSize()) {
        Column(modifier = Modifier.verticalScroll(scrollState)) {
      
            LazyVerticalGrid(
                columns = GridCells.Fixed(4),
                modifier = Modifier.fillMaxWidth().background(Color.White)
            ) {
                items(moreMenusTopSection) { item ->
                    Column(
                        horizontalAlignment = Alignment.CenterHorizontally,
                        modifier = Modifier
                            .background(color = colorResource(id = R.color.white))
                            .padding(start = 13.dp, end = 13.dp, top = 30.dp)
                            .clickable {

                            }
                    ) {
                       
                        CommonText(
                            text = item.name.toString(),
                            fontSize = 13,
                            color = colorResource(id = R.color.dark_gray),
                            maxline = 2,
                            textOverflow = TextOverflow.Ellipsis
                        )
                    }

                }
            }
            LazyVerticalGrid(
                columns = GridCells.Fixed(4),
                modifier = Modifier.fillMaxWidth().background(Color.White)
            ) {
                items(moreMenusTopSection) { item ->
                    Column(
                        horizontalAlignment = Alignment.CenterHorizontally,
                        modifier = Modifier
                            .background(color = colorResource(id = R.color.white))
                            .padding(start = 13.dp, end = 13.dp, top = 30.dp)
                            .clickable {

                            }
                    ) {
                        
                        CommonText(
                            text = item.name.toString(),
                            fontSize = 13,
                            color = colorResource(id = R.color.dark_gray),
                            maxline = 2,
                            textOverflow = TextOverflow.Ellipsis
                        )
                    }
                }
            }
        }
    }
}```


  [1]: https://i.stack.imgur.com/N0Hts.png

Column { repeat(1) { LazyColumn(modifier = Modifier.height(200.dp)) { items(50) { Text(text = "Nested Item 1") } } LazyColumn(modifier = Modifier.height(200.dp)) { items(50) { Text(text = "Nested Item 2") } } } }

LazyColumn { item(1) { LazyColumn(modifier = Modifier.height(200.dp)) { items(50) { Text(text = "Nested Item 1") } } LazyColumn(modifier = Modifier.height(200.dp)) { items(50) { Text(text = "Nested Item 2") } } } }

如何在这段代码android jetpack compose中实现全屏滚动

推荐答案

Android相关问答推荐

如何使用单个代码库使用不同的firebase项目创建多个应用程序ID apk

ArrayList.remove()(Kotlin中的removeAt())导致奇怪的IndexOutOfBoundsResponse异常

Modifer.Align()不适用于行/列/框中的文本.未解决的作用域实例错误

制作圆形SupportMapFragment

SQLite Kotlin 问题 - 没有数据库

Jetpack Compose - 在屏幕外偏移绘制形状并使用非常大的尺寸

在 Jetpack Compose 中对齐行项目

状态更改后 colored颜色未正确更改

Android collectAsStateWithLifecycle() 不在可组合内部收集

在 Jetpack Compose 中清除列表时可组合不重组

喷气背包组成影子奇怪的行为

房间创建三四表关系

如何在 react native 应用程序中显示复选框？当它在 android 模拟器中可见时

无法解析依赖项'com.github.smarteist：autoimageslider：1.4.0-appcompat'

Android Studio xml 预览问题无法初始化编辑器

JetPack Compose - 卡片行中的权重()不起作用

如何将文本组合放在行中，一个具有可变宽度的组合

Jetpack Compose Material3 - switch 标签

Kotlin Compose 全局页脚视图

ObjectBox，如何在冲突中放弃一切迁移？