Блог

У меня есть композиция LazyColumn , которая содержит AndroidView s, каждая из которых содержит интерактивные и некликабельные представления. При прокрутке некликабельной области ( TextView представления) LazyColumn ее можно прокручивать. Однако при попытке прокрутки, начиная нажимать вниз из области, доступной для просмотра ( Button представления), прокручивать LazyColumn нельзя, как если Button бы оно потребляло событие, не сообщая LazyColumn . Есть ли обходной путь для этого?

Это происходит только при использовании Android View в Compose. Однако, когда элементы являются составными, а не View, он работает так, как ожидалось. То же самое происходит, когда внутри a используется интерактивный составной элемент, RecyclerView который не мешает RecyclerView прокрутке.

Это простая версия того, о чем я говорю:

 LazyColumn {
    items(100) { idx ->
        AndroidView(
            factory = { ctx ->
                LinearLayout(ctx).apply {
                    orientation = LinearLayout.VERTICAL
                    addView(TextView(ctx).apply {
                        text = "Non-clickable view $idx"
                    })
                    addView(android.widget.Button(ctx).apply {
                        text = "Clickable view $idx"
                        setOnClickListener {}
                    })
                }
            }
        )
    }
}
 

Версия Compose: 1.0.5
Версия Kotlin: 1.5.31

У вас есть две проблемы. Во-первых, у вас недостаточно элементов в списке. В вашем примере кода отображается только 10 элементов. Если вы запустите это на телефоне среднего размера, на экране недостаточно элементов для прокрутки.

Даже после добавления дополнительных элементов вы также должны установить ширину / высоту LazyColumn. Установите для него значение fillMaxSize , в противном случае по умолчанию выполняется перенос на ширину содержимого, которая в вашем случае равна ширине кнопки. Если вы не заполняете ширину и у вас есть только кнопки в списке, вы не сможете прокручивать при прокрутке за пределами кнопок:

 class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)

        startActivity(intent)

        setContent {
            LazyColumn(modifier = Modifier.fillMaxSize()) {
                items(20) { idx ->
                    AndroidView(
                        factory = { ctx ->
                            LinearLayout(ctx).apply {
                                orientation = LinearLayout.VERTICAL
                                addView(TextView(ctx).apply { text = "Item $idx" })
                                addView(android.widget.Button(ctx).apply { text = "Button"; setOnClickListener {} })
                            }
                        }
                    )
                }
            }
        }
    }
}