Compose 实现垂直滚动条

hehui0921

于 2024-09-18 15:28:13 发布

阅读量23

点赞数

分类专栏： compose 文章标签： android

本文链接：https://blog.csdn.net/oHeHui1/article/details/142334764

版权

compose 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

@Composable
fun DrawScrollableView(modifier: Modifier,content: @Composable () -> Unit) {
    AndroidView(
        modifier = modifier,
        factory = {
            val scrollView = ScrollView(it).apply {
                scrollBarSize = 4
                isVerticalFadingEdgeEnabled = true
                isScrollbarFadingEnabled = false
            }
            val layout = LinearLayout.LayoutParams(MATCH_PARENT, MATCH_PARENT)
            scrollView.layoutParams = layout
            scrollView.addView(ComposeView(it).apply {
                setContent {
                    content()
                }
            })
            val linearLayout = LinearLayout(it)
            linearLayout.orientation = LinearLayout.VERTICAL
            linearLayout.layoutParams = LinearLayout.LayoutParams(MATCH_PARENT, WRAP_CONTENT)
            linearLayout.addView(scrollView)
            linearLayout
        }
    )
}

@Composable
fun  MY(){
    DrawScrollableView(
        modifier = Modifier
            .fillMaxWidth()
            .fillMaxHeight(),
        content = {
            Column {
                repeat(20) {
                    Row {
                        Text(text = "Jetpack scroll view")
                        Spacer(modifier = Modifier.size(20.dp))
                        Image(painter = painterResource(id = R.drawable.a2), contentDescription = null)
                    }
                }
            }
        }
    )

}