Text
O widget Text
no Flutter é usado para exibir texto na interface do usuário. Ele pode conter uma sequência de caracteres simples ou formatados e é altamente configurável em termos de estilo, tamanho, cor e alinhamento. Aqui estão alguns exemplos de como usar o widget Text
:
Exibindo Texto Simples:
Para exibir texto simples, basta fornecer uma string ao Text
:
Text('Olá, mundo!')
Estilo de Texto:
Você pode personalizar o estilo do texto usando a propriedade style
. Por exemplo, você pode definir a cor, o tamanho da fonte, a fonte e outros estilos de texto:
Text(
'Texto Estilizado',
style: TextStyle(
color: Colors.blue,
fontSize: 20.0,
fontWeight: FontWeight.bold,
fontStyle: FontStyle.italic,
fontFamily: 'Roboto',
),
)
Alinhamento de Texto:
O alinhamento do texto pode ser controlado usando a propriedade textAlign
:
Text(
'Texto Alinhado',
textAlign: TextAlign.center,
)
Quebra de Linha:
Para permitir que o texto quebre para a próxima linha quando não há espaço suficiente no widget, use softWrap: true
:
Text(
'Este é um texto longo que será quebrado em várias linhas para caber no widget.',
softWrap: true,
)
Texto Multilinha:
Para criar um bloco de texto multilinha, use Text
dentro de um Container
e configure a propriedade maxLines
:
Container(
child: Text(
'Este é um texto multilinha que ocupa várias linhas em um contêiner. '
'Este é um exemplo de texto quebrado em várias linhas.',
maxLines: 2,
overflow: TextOverflow.ellipsis,
),
)
Neste exemplo, maxLines
define o número máximo de linhas exibidas, e overflow
especifica o que acontece quando o texto ultrapassa o número máximo de linhas (neste caso, ellipsis
mostra reticências no final do texto).
O widget Text
no Flutter é extremamente versátil e pode ser personalizado para se adequar às necessidades do seu aplicativo. Experimente diferentes combinações de estilos, tamanhos de fonte, alinhamentos e outras propriedades para criar a aparência desejada para o texto em seu aplicativo.