使用Jetpack Compose中的LazyRow

在Jetpack Compose中，我们可以使用LazyRow来创建一个水平滚动的列表，类似于传统Android开发中的HorizontalScrollView。在这篇博客中，我们将探讨如何在Jetpack Compose中使用LazyRow。

创建LazyRow

要创建一个LazyRow，我们需要创建一个composable函数，并在其中使用LazyRow函数：

@Preview
@Composable
fun LazyRowSample(){
    val itemss=(1..100).toList()
    LazyRow {
        items(itemss.size) {item->
            Text("Item $item")

        }
    }
}

这个例子中，我们首先创建了一个包含1到100的数字列表。然后，我们使用LazyRow函数创建了一个LazyRow，并使用items函数指定了列表的数据和布局。对于每一个列表项，我们都创建了一个Text Composable来显示该项的数字。

在应用中使用LazyRow

现在我们已经创建了LazyRowSample composable，我们可以在应用中使用它。例如，我们可以在MainActivity的setContent函数中使用LazyRowSample：

class MainActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContent {
LazyRowSample()
}
}
}

现在，当我们运行应用时，我们将看到一个水平滚动的列表，包含1到100的数字。

添加列表项之间的分隔符

我们还可以使用LazyRow中的item函数，向列表中添加一些自定义的元素，例如分隔符：

@Preview
@Composable
fun LazyRowSample(){
    val itemss=(1..100).toList()
    LazyRow {
        items(itemss.size) {item->
            Row(){
                Text("Item $item", fontSize = 20.sp)
                Spacer(modifier = Modifier.width(280.dp ))
            }

        }
    }
}