Hi there how can I show a `Box ` and start with a fade in an 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

l

Lance Gao

03/18/2022, 2:07 AM

Hi there, how can I show a

Box{}

and start with a fade-in animation?

If not using visibility variable to control, just want the Box{} showing with fade-in animation at the beginning.

i

ildar.i [Android]

03/18/2022, 3:46 AM

You can use AnimatedVisibility

❤️ 2

l

Lance Gao

03/18/2022, 5:41 AM

Thanks, but the delay(500) is necessary? it will make the area blank for 500 ms...

Is there any way to show the Box with animation but without delay?

c

Chris Sinco [G]

03/18/2022, 9:05 AM

Remove the delay in the code above works since LaunchedEffect will run as soon as composition starts

➕ 1

You can also use updateTransition and set the initial state that will be animated to as soon as the code enters composition: https://developer.android.com/jetpack/compose/animation#updateTransition

2 Views

#compose Join Slack