Is there a known way to only show elevation on the bottom of kotlinlang #compose

Channels

100daysofkotlin

100daysofkotlin-2021

algolialibraries

android-architecture

android-databinding

androidgithubprojects

androidx-xprocessing

arrow-contributors

beepiz-libraries

cincinnati-user-group

codemash-precompiler

codingconventions

competitive-programming

competitivecoding

compose-android

compose-desktop

compose-ui-showcase

connect-audit-events

cscenter-course-2016

domain-driven-design

effective-kotlin

effectivekotlin

embedded-kotlin

event21-community-content

fb-internal-demo

fluid-libraries

framework-elide

getting-started

github-workflows-kt

graviton-browser

image-processing

intellij-plugins

intellij-tricks

introduce-yourself

java-to-kotlin-refactoring

jhipster-kotlin

jvm-ir-backend-feedback

k2-early-adopters

kotest-contributors

kotlin-by-example

kotlin-data-storage

kotlin-foundation

kotlin-in-action

kotlin-multiplatform-contest

kotlin-pakistan

kotlinforbeginners

kotlingforbeginners

kotlinprogrammers

kotlintest-devs

kotlinultimatechallenge

kotlinx-datetime

lambdaworld_cadiz

language-evolution

language-proposals

leedskotlinusergroup

library-development

machinelearningbawas

myndocs-oauth2-server

navigation-architecture-component

ohio-kotlin-users

pattern-matching

pocketgitclient

practical-functional-programming

prozis-android-backup

python-contributors

realworldkotlin

refactoring-to-kotlin

refreshversions

russian-kotlinasfirst

skia-wasm-interop-temp

sofl-user-group

spring-security

squarelibraries

stayhungrystayfoolish

strife-discord-lib

swagger-gradle-codegen

swiss-user-group

tricity-kotlin-user-group

Title

c

Chris Johnson

09/01/2021, 7:43 PM

Is there a known way to only show elevation on the bottom of a particular composable? I have a Surface that I want to have elevation, but it's also showing elevation on the top as well. Although ever so slightly. The basic layout for this is

Column {
    TopAppBar(){}
    Divider()
    Surface() {} // Essentially an elevated Row. Picture below
    Content() {}
}

I know elevation is just a shadow on the canvas Rect under the hood. I tried to create a Shape object to try and define the path for the Shadow to occur in, i.e I removed the top line from the Rect Path, but that didn't seem to have any effect.

b

brandonmcansh

09/01/2021, 10:29 PM

You could utilize scaffold and make it your topBar

Add the topAppBar, divider and your surface to it

c

Chris Johnson

09/01/2021, 10:43 PM

Oh yeah. That's true. I'll try that, thanks!

3 Views

#compose Join Slack