1
resposta

Desafio Oie, mundo Flutter.

Olá.

A minha classe ficou da seguinte maneira:

  1. Dentro do Container eu Criei um Column e encapsulei com um Padding para ficar mais apresentável.
  2. Dentro do Column criei oum text.rich e dois TextSpan.
  3. Para dar o resultado pedido tive que adicionar o fontWeight.normal e adicionar um fontStyle.italic no segundo TextSspan.
  4. O primeiro TextSpan eu coloquei a propriedade fontWeight.bold, e conforme foi dito na aula passada, ele acaba replicando para os filhos.
import 'package:flutter/material.dart';

class DesafioOie extends StatelessWidget {
  const DesafioOie({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Container(
      child: Padding(
        padding: const EdgeInsets.fromLTRB(16.0, 80.0, 16.0, 16.0),
        child: Column(
          children: const <Widget>[
            Text.rich(
              TextSpan(
                text: 'Oie',
                style: TextStyle(fontWeight: FontWeight.bold),
                children: <TextSpan>[
                  TextSpan(
                    text: ', mundo Flutter.',
                    style: TextStyle(fontStyle: FontStyle.italic, fontWeight: FontWeight.normal),
                  )
                ],
              ),
            )
          ],
        ),
      ),
    );
  }
}

Resultado.

1 resposta

Oi Rafael, tudo bem?

Parabéns pelo seu código! Pelo que entendi, você conseguiu resolver o desafio "Oie, mundo Flutter" utilizando um Container, um Column e um Text.rich com dois TextSpan, adicionando as propriedades fontWeight.normal e fontStyle.italic para o segundo TextSpan e fontWeight.bold para o primeiro TextSpan.

O resultado ficou muito bom, como podemos ver pela imagem que você compartilhou. Continue praticando e explorando as possibilidades do Flutter, pois assim você irá aprimorar ainda mais suas habilidades.

Um abraço e bons estudos.