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 / 76924486
Accepted
IMemon
IMemon
Asked: 2023-08-18 03:13:25 +0800 CST2023-08-18 03:13:25 +0800 CST 2023-08-18 03:13:25 +0800 CST

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

  • 772

Eu tenho uma exibição de lista para mostrar todos os nomes disponíveis.. Widget de texto obtido dentro do contêiner..

aqui eu quero a mesma largura para todos os contêineres de nomes dentro da exibição de lista ...

como..se os nomes forem apenas 2 ..estes devem ocupar totalwidth/2 e assim por diante para mais nomes

como se os nomes fossem 4. ..estes deveriam ocupar totalwidth/4

Scaffold(
      body: Center(
        child: Container(
          height: 80,
          color: Colors.grey,
          child: ListView.builder(
            scrollDirection: Axis.horizontal,
              itemCount: names.length,
              itemBuilder: (context,index){
            return Padding(
              padding: const EdgeInsets.all(8.0),
              child: Container(
                decoration: BoxDecoration(
                  color: Colors.green,
                  borderRadius: BorderRadius.circular(8.0),
                ),
                child: Center(child: Text(names[index])),
              ),
            );

          }),
        ),
      ),
    );

eu estou pegando esse... esse não eu quero insira a descrição da imagem aqui

flutter
  • 2 2 respostas
  • 31 Views

2 respostas

  • Voted
  1. MobileDev
    2023-08-18T04:02:52+08:002023-08-18T04:02:52+08:00
        class MyApp extends StatelessWidget {
          List<String> names = ["first","second","third","fourth"]; //Your names list here
          
          @override
          Widget build(BuildContext context) {
            return MaterialApp(
              theme: ThemeData.dark().copyWith(
                scaffoldBackgroundColor: darkBlue,
              ),
              debugShowCheckedModeBanner: false,
              home: Scaffold(
              body: Center(
                child: Container(
                  height: 80,
                  color: Colors.grey,
                  child: ListView.builder(
                    scrollDirection: Axis.horizontal,
                      itemCount: names.length,
                      itemBuilder: (context,index){
                    return Padding(
                      padding: const EdgeInsets.all(8.0),
                      child: Container(
                        width: (MediaQuery.of(context).size.width / names.length) - 16, // Ratio of width relative to array of names
    //Since 8 paddings are given from the right and left, I subtract 16.
                        decoration: BoxDecoration(
                          color: Colors.green,
                          borderRadius: BorderRadius.circular(8.0),
                        ),
                        child: Center(child: Text(names[index])),
                      ),
                    );
        
                  }),
                ),
              ),
            ),
            );
          }
        }
    

    Como mencionei nas linhas de comentários, eu mesmo crio uma matriz de nomes. Na parte Width, especifiquei a proporção da largura para a matriz de nomes para ser compatível com cada tela usando MediaQuery. Aproveite seu trabalho.

    Saída:

    insira a descrição da imagem aqui

    • 1
  2. Best Answer
    Ahmad Ali
    2023-08-18T04:30:01+08:002023-08-18T04:30:01+08:00

    Você pode armazenar a largura do dispositivo em uma variável e dividi-la com o comprimento da lista de nomes e atribuí-la ao contêiner pai do texto e ocupará todo o espaço disponível.

    @override
      Widget build(BuildContext context) {
        double deviceWidth = MediaQuery.of(context).size.width; //Total available width of device
        return Scaffold(
          body: Center(
            child: Container(
              height: 80,
              color: Colors.grey,
              child: ListView.builder(
                scrollDirection: Axis.horizontal,
                itemCount: names.length,
                itemBuilder: (context, index) {
                  return Padding(
                    padding: const EdgeInsets.all(8.0),
                    child: Container(
                      width: (deviceWidth / names.length) - 16, // 16 is subtracted to adjust the padding space 
                      decoration: BoxDecoration(
                        color: Colors.green,
                        borderRadius: BorderRadius.circular(8.0),
                      ),
                      child: Center(child: Text(names[index])),
                    ),
                  );
                },
              ),
            ),
          ),
        );
      }
    }
    

    insira a descrição da imagem aqui

    • 1

relate perguntas

  • 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

    destaque o código em HTML usando <font color="#xxx">

    • 2 respostas
  • Marko Smith

    Por que a resolução de sobrecarga prefere std::nullptr_t a uma classe ao passar {}?

    • 1 respostas
  • Marko Smith

    Você pode usar uma lista de inicialização com chaves como argumento de modelo (padrão)?

    • 2 respostas
  • Marko Smith

    Por que as compreensões de lista criam uma função internamente?

    • 1 respostas
  • Marko Smith

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

    • 1 respostas
  • Marko Smith

    java.lang.NoSuchMethodError: 'void org.openqa.selenium.remote.http.ClientConfig.<init>(java.net.URI, java.time.Duration, java.time.Duratio

    • 3 respostas
  • Marko Smith

    Por que 'char -> int' é promoção, mas 'char -> short' é conversão (mas não promoção)?

    • 4 respostas
  • Marko Smith

    Por que o construtor de uma variável global não é chamado em uma biblioteca?

    • 1 respostas
  • Marko Smith

    Comportamento inconsistente de std::common_reference_with em tuplas. Qual é correto?

    • 1 respostas
  • Marko Smith

    Somente operações bit a bit para std::byte em C++ 17?

    • 1 respostas
  • Martin Hope
    fbrereto Por que a resolução de sobrecarga prefere std::nullptr_t a uma classe ao passar {}? 2023-12-21 00:31:04 +0800 CST
  • Martin Hope
    比尔盖子 Você pode usar uma lista de inicialização com chaves como argumento de modelo (padrão)? 2023-12-17 10:02:06 +0800 CST
  • Martin Hope
    Amir reza Riahi Por que as compreensões de lista criam uma função internamente? 2023-11-16 20:53:19 +0800 CST
  • Martin Hope
    Michael A formato fmt %H:%M:%S sem decimais 2023-11-11 01:13:05 +0800 CST
  • Martin Hope
    God I Hate Python std::views::filter do C++20 não filtrando a visualização corretamente 2023-08-27 18:40:35 +0800 CST
  • Martin Hope
    LiDa Cute Por que 'char -> int' é promoção, mas 'char -> short' é conversão (mas não promoção)? 2023-08-24 20:46:59 +0800 CST
  • Martin Hope
    jabaa Por que o construtor de uma variável global não é chamado em uma biblioteca? 2023-08-18 07:15:20 +0800 CST
  • Martin Hope
    Panagiotis Syskakis Comportamento inconsistente de std::common_reference_with em tuplas. Qual é correto? 2023-08-17 21:24:06 +0800 CST
  • Martin Hope
    Alex Guteniev Por que os compiladores perdem a vetorização aqui? 2023-08-17 18:58:07 +0800 CST
  • Martin Hope
    wimalopaan Somente operações bit a bit para std::byte em C++ 17? 2023-08-17 17:13:58 +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