Jetpack Compose Desktop: Scrollable Column/LazyColumn

Question

I'm creating a program in Jetpack Compose Desktop version 1.0.0-beta5 and I can't figure out how to make Column/LazyColumn scrollable. At the same time, it seems to me that a lot of the classes listed in the documentation for Android are missing and can not work from their examples.

val lazyListState = rememberLazyListState()
val scrollState = rememberScrollState()

LazyColumn(
    state = lazyListState,
    modifier = Modifier.verticalScroll(scrollState)
) {
    items(ArrayList<String>()){ item ->
        Column(modifier = Modifier.padding(8.dp)) {
            Text(item)
        }
    }
}

This code is currently producing an error.

To be precise, the empty list used can be seen in the example, but this is just an adjustment, in fact I draw a lot of items.

I modified this code to show the List, in fact I draw a number of classes over the List. — Honza Rössler
– Honza Rössler, Commented Oct 29, 2021 at 19:17
I removed all the modifiers and remember functions and I was left with this. LazyColumn { items(ArrayList<String>()){ item -> Column(modifier = Modifier.padding(8.dp)) { Text(item) } } }. Unfortunately, scrolling doesn't work. — Honza Rössler
– Honza Rössler, Commented Oct 29, 2021 at 19:33
I scrolled through the text and nothing happened. That's why I decided to use a different mouse. It seems to work well with it, so it's probably unsupported hardware. — Honza Rössler
– Honza Rössler, Commented Oct 29, 2021 at 20:29
You can report it to official GitHub including your mouse model and sample project you're using. — Phil Dukhov
– Phil Dukhov, Commented Oct 29, 2021 at 20:32
You could try 'ScrollableTabRow' It is not a perfect solution but might work — Linde_98
– Linde_98, Commented Nov 2, 2021 at 12:22

Eel · Accepted Answer · 2022-08-04 18:01:08Z

3

I know this question is very old, but you can take a look at Desktop Compoments

Jetpack compose is for the android framework, Compose desktop is a flavor of Jetpack compose, it uses Skia and Swing under the hood

answered Aug 4, 2022 at 18:01

Eel

1,4691 gold badge7 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

MohammadBaqer · Accepted Answer · 2023-11-07 12:30:09Z

2

you can achive this like this:

val scrollState = rememberLazyListState()
val coroutineScope = rememberCoroutineScope()
LazyRow(
    state = scrollState,
        modifier = Modifier
        .draggable(
            orientation = Orientation.Horizontal,
            state = rememberDraggableState { delta ->
                coroutineScope.launch {
                    scrollState.scrollBy(-delta)
                }    
            },
        )
) {
    items(100) {
        Text("Test Test Test Test $it")
    }
}

answered Nov 7, 2023 at 12:30

MohammadBaqer

1,5511 gold badge27 silver badges62 bronze badges

Collectives™ on Stack Overflow

Jetpack Compose Desktop: Scrollable Column/LazyColumn

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related