Any suggestions on how to add a full width horizontal divide kotlinlang #compose

Channels

kotlin-foundation

compose-android

ohio-kotlin-users

kotlin-by-example

sofl-user-group

kotlin-multiplatform-contest

tricity-kotlin-user-group

kotlin-in-action

android-databinding

cincinnati-user-group

fluid-libraries

codemash-precompiler

kotlingforbeginners

jhipster-kotlin

prozis-android-backup

realworldkotlin

graviton-browser

spring-security

domain-driven-design

connect-audit-events

swiss-user-group

effectivekotlin

refactoring-to-kotlin

russian-kotlinasfirst

androidgithubprojects

introduce-yourself

pocketgitclient

effective-kotlin

algolialibraries

lambdaworld_cadiz

intellij-tricks

kotlin-pakistan

navigation-architecture-component

strife-discord-lib

machinelearningbawas

leedskotlinusergroup

stayhungrystayfoolish

kotest-contributors

practical-functional-programming

swagger-gradle-codegen

100daysofkotlin

kotlinultimatechallenge

pattern-matching

kotlinforbeginners

competitive-programming

compose-ui-showcase

competitivecoding

kotlin-data-storage

skia-wasm-interop-temp

java-to-kotlin-refactoring

event21-community-content

androidx-xprocessing

embedded-kotlin

fb-internal-demo

image-processing

myndocs-oauth2-server

kotlintest-devs

beepiz-libraries

kotlinprogrammers

cscenter-course-2016

k2-early-adopters

intellij-plugins

language-proposals

library-development

refreshversions

language-evolution

kotlinx-datetime

framework-elide

compose-desktop

jvm-ir-backend-feedback

android-architecture

100daysofkotlin-2021

github-workflows-kt

python-contributors

squarelibraries

arrow-contributors

codingconventions

getting-started

Title

d

David W

01/09/2022, 6:16 AM

Any suggestions on how to add a full-width horizontal divider to a

LazyVerticalGrid

with adaptive cells? I searched here and google, but there weren't any solutions. edit: all set, came up with a different solution.

LazyVerticalGrid(
    horizontalArrangement = Arrangement.spacedBy(16.dp),
    verticalArrangement = Arrangement.spacedBy(16.dp),
    cells = GridCells.Adaptive(370.dp)
)

is my grid code

Essentially, I want to break the grid into sections.

The only idea I can really think of is basically homerolling my own grid using a LazyColumn, which means having to calculate the right number of cells to place in each Row 😐

Alternatively, if I can figure out how to get the number of columns being shown, I can create the correct number of empty cells to form the rest of a row + a new row as a mock divider.

but that info doesn't appear to be exposed

I ended up simply splitting it into two grids and putting them side by side. works, and arguably a better UX in my specific case

2 Views

#compose Join Slack