Início / coding / Perguntas / 79317157
Accepted
melearning
Asked: 2024-12-30 17:03:12 +0800 CST

Consts de dados fictícios buscam dart, flutter

  • 772

Alguém pode me ajudar, por favor. Estou tentando exibir os dados do arquivo Consts.dart em um widget como Listview ou listview builder. Recebi erros 'Not String type' etc. Sou novo nisso. Agradeço se alguém me ajudar a fazer um exemplo aqui. Não quero usar classes, pois sou novo. Estou desenhando UI com dados fictícios. Também é uma boa maneira de armazenar dados como este apenas para UI. Desculpe, estou aprendendo, verifiquei exemplos e eles eram muito complicados para mim.

 const dummyData = [
  {
    'imagePath': 'assets/images/blue/1.jpg',
    'category': 'cows',
    'author': 'John',
    'animalImage': 'assets/images/1.jpg',
    'date': '21.15.2004',
    'title': 'Lorem ipsum dollar',
    'content':
        'Sed mi ante, hendrerit at suscipit quis, sodales vitae est. In hac habitasse platea dictumst. Duis laoreet scelerisque mauris. Cras eleifend mauris orci. Ut ante felis, volutpat non sapien id,',
  },
  {
    'imagePath': 'assets/images/white/image_1.jpg',
    'category': 'dogs',
    'author': 'John',
    'animalImage': 'assets/images/1.jpg',
    'date': '21.15.2004',
    'title': 'Sodales vitae est.',
    'content':
        'Sed mi ante, hendrerit at suscipit quis, sodales vitae est. In hac habitasse platea dictumst. Duis laoreet scelerisque mauris. Cras eleifend mauris orci. Ut ante felis, volutpat non sapien id,',
  },
  {
    'imagePath': 'assets/images/green/image_1.jpg',
    'category': 'cats',
    'author': 'John',
    'animalImage': 'assets/images/1.jpg',
    'date': '21.15.2004',
    'title': 'Cats ',
    'content':
        'Sed mi ante, hendrerit at suscipit quis, sodales vitae est. In hac habitasse platea dictumst. Duis laoreet scelerisque mauris. Cras eleifend mauris orci. Ut ante felis, volutpat non sapien id,',
  },
];


 return Scaffold(
      body: ListView.builder(
        itemCount: dummyData.length,
        itemBuilder: (context, index) {
          return Column(
            children: [Image.asset(dummyData), Text(dummyData)],
          );
        },
      ),
    );

Lindas imagens de animais e o conteúdo de dados fictícios para usar nas outras páginas também

flutter

1 respostas

  1. Best Answer

    dummyDataé um List<Map<String,String>>para que você possa acessar seus itens em uma visualização de lista como a seguinte:

    ListView.builder(
        itemCount: dummyData.length,
        itemBuilder: (context, index) {
          return Column(
            children: [
                 Image.asset(dummyData[index]['imagePath']),
                 Text(dummyData[index]['category'])],
          );
    },
  ),

    onde dummyData[index]está um MapEntry(item), você precisa acessar seus campos usando o key.

    • 1

relate perguntas