Componente Text no Jetpack Compose – uware.com.br
Neste tutorial será visto o básico sobre o componente Text do Jetpack Compose e seus parâmetros mais utilizados.
Para uma explicação bem detalhada do uso do componente acesse o link.
Primeiramente o projeto base é o criar um projeto Jetpack Compose para vermos um pouco do componente vamos ao código para explicar um pouco dele.
Cria se então um arquivo kotlin para o Text com a função ComponentText contendo apenas o componente para observar as funcionalidades básicas dele.
Segue abaixo o código criado para testar o componente.
package br.com.uware.novoprojetojetpackcompose.components
* ComponentText
* Equivalente ao TextView do xml.
* @author Rodrigo Leutz
fun ComponentText(){
text = "Olá Mundo!",
fontFamily = FontFamily.Cursive,
fun ComponentTextPreview(){
ComponentText()
Observando assim o componente Text você pode notar que tem alguns parâmetros, esses não são todos os parâmetros que a funcão suporta, são os mais utilizados.
O único parâmetro desta função que é obrigatório é o parâmetro text, os demais são opcionais.
Vamos então explicar um pouco dos parâmetros:
text = Texto que irá aparecer.
color = Cor do texto.
fontWeight = Peso do texto(negrito, extra negrito, normal)
fontFamily = Tipo de fonte do texto.
style = Estilo do texto, muito utilizado do MaterialTheme.typography com pré configurações.
modifier = É o parâmetro que existe em todos componentes do Jetpack Compose, sendo o parâmetro mais usado para customizar, exige a ordem dos parâmetros Modifier.
Portanto o código do texto mostrado é igual ao da seguinte imagem.
Imagem do código com background antes do padding.
Logo após ver esta imagem resolvi mostrar como ela ficaria se fosse modificada a ordem dos modifiers na função.
Então com o código igual ao seguinte veja que foi modificado a ordem e veja a diferença.
modifier = Modifier.padding(16.dp).background(Color.LightGray)
Veja que foi apenas modificado a ordem dos fatores de modifier e observe na imagem a seguir como ficaria o texto.