Hi All,
This is the very basic Text View Sample Jetpack compose.
@Composable
fun ColorText() {
Text("Text in Red Color", color = Color.Red , modifier = Modifier
.padding(8.dp) // margin
.padding(8.dp) // padding
)
}
2. Text Size: Change the text size using fontSize parameter
@Composable
fun TextWithSize(label : String, size : TextUnit) {
Text(label, fontSize = size)
}
//TextWithSize("Big text",40.sp) -- call this method
3.Bold Text: Use fontWeight parameter to making the bold text
@Composable
fun BoldText() {
Text("Text in Bold", fontWeight = FontWeight.Bold, modifier = Modifier
.padding(8.dp) // margin
.padding(8.dp)) // padding
}
4. Italic Text: Use fontStyle paramter to making the italic text
@Composable
fun ItalicText() {
Text("Italic Text", fontStyle = FontStyle.Italic, modifier = Modifier
.padding(8.dp) // margin
.padding(8.dp)) // padding
}
5. Maximum number of lines: To limit the number of visible lines in a
Text composable, set the maxLines parameter,
@Composable
fun MaxLines() {
Text("Text with Max line 2 ".repeat(50), maxLines = 2, modifier = Modifier
.padding(8.dp) // margin
.padding(8.dp)) // padding
}
6. Text Overflow: When limiting a long text, you may want to indicate
a text overflow, which is only shown if the displayed text is truncated.
To do so, set the textOverflow parameter
@Composable
fun OverflowedText() {
Text("Text with three dot at end, Text Overflow ".repeat(150),
maxLines = 3, overflow = TextOverflow.Ellipsis,
modifier = Modifier
.padding(8.dp)) // margin
}
Download code from here
> Failed to apply plugin 'com.android.internal.application'.
> Android Gradle plugin requires Java 11 to run. You are currently using Java 1.8.
You can try some of the following options:
- changing the IDE settings.
- changing the JAVA_HOME environment variable.
- changing `org.gradle.java.home` in `gradle.properties`.
fun DropdownMenu(
expanded: Boolean,
onDismissRequest: () -> Unit,
modifier: Modifier = Modifier,
offset: DpOffset = DpOffset(0.dp, 0.dp),
properties: PopupProperties = PopupProperties(focusable = true),
content: @Composable ColumnScope.() -> Unit
)
@Composable
fun DropdownDemo() {
var expanded by remember { mutableStateOf(false) }
val items = listOf(
"Apple", "Banana", "Cherry", "Grapes",
"Mango", "Pineapple", "Pear"
)
var selectedIndex by remember { mutableStateOf(0) }
Column(
modifier = Modifier
.fillMaxSize()
.wrapContentSize(Alignment.TopStart)
.padding(all = 5.dp)
) {
Text(
items[selectedIndex],
modifier = Modifier
.fillMaxWidth()
.clickable(onClick = { expanded = true })
.background(
Color.Red
),
color = Color.White,
fontSize = 20.sp,
textAlign = TextAlign.Start
)
DropdownMenu(
expanded = expanded,
onDismissRequest = { expanded = false },
modifier = Modifier
.fillMaxWidth()
.background(
Color.Gray
)
) {
items.forEachIndexed { index, s ->
DropdownMenuItem(onClick = {
selectedIndex = index
expanded = false
}) {
Text(text = s)
}
}
}
}
}
Copyright @ 2013 Android Developers Blog.