1
resposta

[Dúvida] Estilização de Texto

Olá, como faria para deixar apenas uma parte do texto estilizado com Bold? Por exemplo, "Nome: Ricarth Lima", e deixar apenas o "Nome:" em negrito?

1 resposta

Olá, Carla! Tudo bem?

Para estilizar partes diferentes dentro de um mesmo parágrafo, a solução ideal no Flutter é utilizar o construtor Text.rich. Ele funciona como uma "árvore" de textos, onde você define um estilo base e adiciona filhos (children) com estilos diferentes.

Veja como ficaria o código para o seu exemplo ("Nome: Ricarth Lima"):

Text.rich(
  TextSpan(
    text: 'Nome: ', // A primeira parte do texto
    style: const TextStyle(fontWeight: FontWeight.bold), // Aqui aplicamos o negrito
    children: <TextSpan>[
      TextSpan(
        text: 'Ricarth Lima', // A segunda parte do texto
        style: const TextStyle(fontWeight: FontWeight.normal), // Aqui volta ao normal
      ),
    ],
  ),
)
Para saber mais:

Sugestão de conteúdo:

DOCUMENTAÇÃO
RichText class

Espero ter ajudado! Continue explorando os widgets!

Bons estudos!

Sucesso

Imagem da comunidade