AskOverflow.Dev

AskOverflow.Dev Logo AskOverflow.Dev Logo

AskOverflow.Dev Navigation

  • Início
  • system&network
  • Ubuntu
  • Unix
  • DBA
  • Computer
  • Coding
  • LangChain

Mobile menu

Close
  • Início
  • system&network
    • Recentes
    • Highest score
    • tags
  • Ubuntu
    • Recentes
    • Highest score
    • tags
  • Unix
    • Recentes
    • tags
  • DBA
    • Recentes
    • tags
  • Computer
    • Recentes
    • tags
  • Coding
    • Recentes
    • tags
Início / coding / Perguntas / 78939498
Accepted
Geremia Moretti
Geremia Moretti
Asked: 2024-09-02 16:10:54 +0800 CST2024-09-02 16:10:54 +0800 CST 2024-09-02 16:10:54 +0800 CST

Por que um widget de texto não vai para a próxima linha?

  • 772

Eu tenho esse widget personalizado

class MyEventCard extends StatelessWidget {
  const MyEventCard({
    super.key,
    required this.height,
    required this.width,
    required this.coloreChiaroSfondo,
    required this.coloreScuro,
    required this.data,
    required this.image,
    required this.sottotitolo,
    required this.titolo,
  });

  final double height;
  final double width;
  final Color coloreChiaroSfondo;
  final Color coloreScuro;
  final String image;
  final String data;
  final String titolo;
  final String sottotitolo;

  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      onTap: () {},
      child: Container(
        margin: EdgeInsets.symmetric(vertical: height * 0.005),
        padding: EdgeInsets.symmetric(
            horizontal: width * 0.02, vertical: width * 0.02),
        decoration: BoxDecoration(
          borderRadius: BorderRadius.all(Radius.circular(width * 0.02)),
          color: coloreChiaroSfondo,
          border: Border.all(
            color: coloreScuro, // Colore del bordo
            width: width * 0.001, // Larghezza del bordo
          ),
        ),
        child: Row(
          children: [
            Container(
              constraints: BoxConstraints(
                  maxHeight: height * 0.4, maxWidth: width * 0.25),
              child: ClipRRect(
                borderRadius: BorderRadius.all(Radius.circular(width * 0.01)),
                child: Image.asset(
                  image,
                  fit: BoxFit.cover,
                ),
              ),
            ),
            Padding(
              padding: EdgeInsets.symmetric(horizontal: width * 0.04),
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Text(
                    data,
                    style:
                        TextStyle(color: coloreScuro, fontSize: width * 0.035),
                  ),
                  Text(
                    titolo,
                    style: TextStyle(
                      color: coloreScuro,
                      fontWeight: FontWeight.bold,
                      fontSize: width * 0.035,
                    ),
                  ),
                  Text(
                    sottotitolo,
                    style: TextStyle(
                      color: coloreScuro,
                      fontWeight: FontWeight.bold,
                      fontSize: width * 0.035,
                    ),
                  ),
                ],
              ),
            ),
            Expanded(
              child: SizedBox(
                width: width * 0.1,
              ),
            ),
            IconButton(
                onPressed: () {
                  debugPrint('puntini premuti');
                },
                icon: Icon(
                  Icons.favorite_outline,
                  size: width * 0.06,
                  color: coloreScuro,
                ))
          ],
        ),
      ),
    );
  }
}

Isso causa esse estouro quando alguma String nos Widgets de Texto é muito longa: O transbordamento

O que eu desejo é algo assim: A tela correta

Então, eu gostaria que o texto dentro do Text Widget fosse automaticamente para a próxima linha se não houvesse espaço suficiente na Linha.

Você sabe como encaixar o problema? Já tentei colocar o Text Widget em um Flexible ou Expanded Widget, mas não funcionou.

flutter
  • 2 2 respostas
  • 53 Views

2 respostas

  • Voted
  1. Best Answer
    Lightn1ng
    2024-09-02T16:27:35+08:002024-09-02T16:27:35+08:00

    Não vai para a próxima linha porque não sabia o tamanho, então você tem que envolver a coluna com Expandido e remover o preenchimento e expandir o sizedBox, seu código ficará assim

    class MyEventCard extends StatelessWidget {
      const MyEventCard({
        super.key,
        required this.height,
        required this.width,
        required this.coloreChiaroSfondo,
        required this.coloreScuro,
        required this.data,
        required this.image,
        required this.sottotitolo,
        required this.titolo,
      });
    
      final double height;
      final double width;
      final Color coloreChiaroSfondo;
      final Color coloreScuro;
      final String image;
      final String data;
      final String titolo;
      final String sottotitolo;
    
      @override
      Widget build(BuildContext context) {
        return GestureDetector(
          onTap: () {},
          child: Container(
            margin: EdgeInsets.symmetric(vertical: height * 0.005),
            padding: EdgeInsets.symmetric(
                horizontal: width * 0.02, vertical: width * 0.02),
            decoration: BoxDecoration(
              borderRadius: BorderRadius.all(Radius.circular(width * 0.02)),
              color: coloreChiaroSfondo,
              border: Border.all(
                color: coloreScuro, // Colore del bordo
                width: width * 0.001, // Larghezza del bordo
              ),
            ),
            child: Row(
              children: [
                Container(
                  constraints: BoxConstraints(
                      maxHeight: height * 0.4, maxWidth: width * 0.25),
                  child: ClipRRect(
                    borderRadius: BorderRadius.all(Radius.circular(width * 0.01)),
                    child: Image.asset(
                      image,
                      fit: BoxFit.cover,
                    ),
                  ),
                ),
                Expanded(
                  child : Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      Text(
                        data,
                        style:
                            TextStyle(color: coloreScuro, fontSize: width * 0.035),
                      ),
                      Text(
                        titolo,
                        style: TextStyle(
                          color: coloreScuro,
                          fontWeight: FontWeight.bold,
                          fontSize: width * 0.035,
                        ),
                      ),
                      Text(
                        sottotitolo,
                        style: TextStyle(
                          color: coloreScuro,
                          fontWeight: FontWeight.bold,
                          fontSize: width * 0.035,
                        ),
                      ),
                    ],
                  ),
                ),
                
                IconButton(
                    onPressed: () {
                      debugPrint('puntini premuti');
                    },
                    icon: Icon(
                      Icons.favorite_outline,
                      size: width * 0.06,
                      color: coloreScuro,
                    ))
              ],
            ),
          ),
        );
      }
    }
    

    Resultado

    Editar adicionar mais explicar pelo inspetor de widget como você vê na imagem abaixo a largura da área de texto é constante agora quando a linha de texto for maior que a largura ela irá para a próxima linha insira a descrição da imagem aqui

    • 1
  2. Akhil Suthapalli
    2024-09-02T16:32:05+08:002024-09-02T16:32:05+08:00

    Envolva o widget de texto com o widget SizedBox para fazer o texto ir para a próxima linha.

    • 0

relate perguntas

  • como expandir o filho do listview para que todos os filhos ocupem a largura máxima em vibração

  • Como corrigir GoRouter.of(context).pop() para navegar para a página anterior?

  • o estado não muda ao usar o sliver appbar em flutter

  • Como solicitar que o usuário acesse o armazenamento do telefone?

  • Como garantir que o código seja executado na ordem correta? vibrar

Sidebar

Stats

  • Perguntas 205573
  • respostas 270741
  • best respostas 135370
  • utilizador 68524
  • Highest score
  • respostas
  • Marko Smith

    Vue 3: Erro na criação "Identificador esperado, mas encontrado 'import'" [duplicado]

    • 1 respostas
  • Marko Smith

    Por que esse código Java simples e pequeno roda 30x mais rápido em todas as JVMs Graal, mas não em nenhuma JVM Oracle?

    • 1 respostas
  • Marko Smith

    Qual é o propósito de `enum class` com um tipo subjacente especificado, mas sem enumeradores?

    • 1 respostas
  • Marko Smith

    Como faço para corrigir um erro MODULE_NOT_FOUND para um módulo que não importei manualmente?

    • 6 respostas
  • Marko Smith

    `(expression, lvalue) = rvalue` é uma atribuição válida em C ou C++? Por que alguns compiladores aceitam/rejeitam isso?

    • 3 respostas
  • Marko Smith

    Quando devo usar um std::inplace_vector em vez de um std::vector?

    • 3 respostas
  • Marko Smith

    Um programa vazio que não faz nada em C++ precisa de um heap de 204 KB, mas não em C

    • 1 respostas
  • Marko Smith

    PowerBI atualmente quebrado com BigQuery: problema de driver Simba com atualização do Windows

    • 2 respostas
  • Marko Smith

    AdMob: MobileAds.initialize() - "java.lang.Integer não pode ser convertido em java.lang.String" para alguns dispositivos

    • 1 respostas
  • Marko Smith

    Estou tentando fazer o jogo pacman usando apenas o módulo Turtle Random e Math

    • 1 respostas
  • Martin Hope
    Aleksandr Dubinsky Por que a correspondência de padrões com o switch no InetAddress falha com 'não cobre todos os valores de entrada possíveis'? 2024-12-23 06:56:21 +0800 CST
  • Martin Hope
    Phillip Borge Por que esse código Java simples e pequeno roda 30x mais rápido em todas as JVMs Graal, mas não em nenhuma JVM Oracle? 2024-12-12 20:46:46 +0800 CST
  • Martin Hope
    Oodini Qual é o propósito de `enum class` com um tipo subjacente especificado, mas sem enumeradores? 2024-12-12 06:27:11 +0800 CST
  • Martin Hope
    sleeptightAnsiC `(expression, lvalue) = rvalue` é uma atribuição válida em C ou C++? Por que alguns compiladores aceitam/rejeitam isso? 2024-11-09 07:18:53 +0800 CST
  • Martin Hope
    The Mad Gamer Quando devo usar um std::inplace_vector em vez de um std::vector? 2024-10-29 23:01:00 +0800 CST
  • Martin Hope
    Chad Feller O ponto e vírgula agora é opcional em condicionais bash com [[ .. ]] na versão 5.2? 2024-10-21 05:50:33 +0800 CST
  • Martin Hope
    Wrench Por que um traço duplo (--) faz com que esta cláusula MariaDB seja avaliada como verdadeira? 2024-05-05 13:37:20 +0800 CST
  • Martin Hope
    Waket Zheng Por que `dict(id=1, **{'id': 2})` às vezes gera `KeyError: 'id'` em vez de um TypeError? 2024-05-04 14:19:19 +0800 CST
  • Martin Hope
    user924 AdMob: MobileAds.initialize() - "java.lang.Integer não pode ser convertido em java.lang.String" para alguns dispositivos 2024-03-20 03:12:31 +0800 CST
  • Martin Hope
    MarkB Por que o GCC gera código que executa condicionalmente uma implementação SIMD? 2024-02-17 06:17:14 +0800 CST

Hot tag

python javascript c++ c# java typescript sql reactjs html

Explore

  • Início
  • Perguntas
    • Recentes
    • Highest score
  • tag
  • help

Footer

AskOverflow.Dev

About Us

  • About Us
  • Contact Us

Legal Stuff

  • Privacy Policy

Language

  • Pt
  • Server
  • Unix

© 2023 AskOverflow.DEV All Rights Reserve