のリサイクルを作成する方法

8842 ワード
android programming mobile tutorial テキストリンク
このJetpack compose tutorialでは、我々はJetpack ComposeでAndroidアプリケーションでRemoteerViewにアダプターをセットすることを学びます.

ResiderViewは効率的にデータの大きなセットを表示することが容易になります.データを供給し、各項目がどのように見えるかを定義し、必要に応じてリサイクルErrorViewライブラリが動的に要素を作成します.しかし、RecycleViewで垂直方向のスクロールリストを表示するには、レイアウトファイルを宣言するなど、多くのコードを記述する必要があります.しかし、新しいUIアプローチI . E Jetpackの構成では、リストを表示する単一の機能を取ります.それが構成されるとき、主要な利点はより少ないマニュアル仕事で簡潔なコードです.項目のリストを表示する共通の単純な方法はLazyColumnです
LazyColumnだけを作成し、現在表示される項目をレイアウト垂直方向のスクロールリストです.これは、古典的なAndroidのビューシステムでは
怠惰なコラム

@Composable
fun LazyColumnDemo() {

    val users = listOf(
        User(id = "1", name = "Ankit Singh", emailId = "[email protected]"),
        User(id = "2", name = "Rishabh Shaw", emailId = "[email protected]"),
        User(id = "3", name = "Neha Shaw", emailId = "[email protected]"),
        User(id = "4", name = "Ekta Gupta", emailId = "[email protected]"),
        User(id = "5", name = "Rahul Jaiswal", emailId = "[email protected]"),
        User(id = "6", name = "Anindita Chatterjee", emailId = "[email protected]"),
        User(id = "7", name = "Aakash Raj", emailId = "[email protected]"),
        User(id = "8", name = "Arpita Ghosh", emailId = "[email protected]"),
        User(id = "9", name = "Arvind Patel", emailId = "[email protected]"),
        User(id = "10", name = "Akash Tiwari", emailId = "[email protected]")
    )
    LazyColumn() {
        items(
            items = users,
            itemContent = {
                UserListItem(user = it)
            })
    }
}

@Composable
fun UserListItem(user: User) {
    Card(
        modifier = Modifier
            .fillMaxWidth(),
        elevation = 4.dp
    ) {
        Column(modifier = Modifier.padding(16.dp)) {
            Text(
                text = user.name,
                style = TextStyle(
                    color = Color.Blue,
                    fontSize = 21.sp,
                    fontWeight = FontWeight.Bold
                )
            )
            Text(text = user.emailId, modifier = Modifier.padding(top = 8.dp))
        }
    }
}
完全Compose reyclerview Exampleを見てください
パスポートMRZのためのフラッターOCR認識
NPMのインストールの使用のためのYAMLの上部にNPMの設定をインストールします.