Jetpack Compose Text Gradient Background With Shodow Text

Dec 17, 2021

Text(    modifier = Modifier.align(Alignment.BottomStart).background(        brush = Brush.verticalGradient(            colors = listOf(                Color.White.copy(alpha = 0.0f),                Color.Black.copy(alpha = 0.9f)            )        )    ).padding(4.dp, 10.dp, 4.dp, 4.dp).fillMaxWidth(),    style = MaterialTheme.typography.body1.copy(        shadow = Shadow(            color = Color.DarkGray,            offset = Offset(2f, 2f),            blurRadius = 1.5f        )    ),    color = Color.White,    maxLines = 1,    overflow = TextOverflow.Ellipsis,    text = "Hello World",)

❤️ Is this article helpful?

Buy me a coffee ☕ or support my work via PayPal to keep this space 🖖 and ad-free.

Do send some 💖 to @d_luaz or share this article.

✨ By Desmond Lua

A dream boy who enjoys making apps, travelling and making youtube videos. Follow me on @d_luaz

👶 Apps I built

Travelopy - discover travel places in Malaysia, Singapore, Taiwan, Japan.

Tags

Android Jetpack Compose Get Client Public Ip Address Jetpack Compose Data Entry Screen With Firestore (Sample)Jetpack Compose ModalBottomSheetLayout Sample Jetpack Compose LazyColumn of Clickable Icon With Text Jetpack Compose LazyVerticalGrid Within LazyColumn Jetpack Compose Nested Lazycolumn Jetpack Compose Paging Group Items Under Header Jetpack Compose Google Places Show Nearby Places Jetpack Compose Request Location Permission Jetpack Compose Show Confirm Dialog Jetpack Compose Show TextField with Popup Date and Time Picker Jetpack Compose Show Progress Bar Dialog Jetpack Compose Load Data (Flow.collectAsState) Common Mistakes (Compose Infinite Loop)Jetpack Compose Load Data (Initial on Show) using Flow or Coroutines Jetpack Compose Paging With Header Jetpack Compose Paging Sample Jetpack Compose Check Permission (Accompanist)Jetpack Compose Navigation Jetpack Compose Show Snackbar Jetpack Compose load Firestore Data with Flow