0

Estoy tratando de crear un lista y dentro de esa lista por cada registro crear otra lista horizontal, pero no logro realizarlo. Adjunto ejemplo. Gracias!

Flutter.

introducir la descripción de la imagen aquí

2

1 respuesta 1

0

Es sencillo solo debes crear un Listview.Builder y adentro del return vuelves a poner otro Listview.Builder pero con Axis.Horizontal te muestro el codigo de ejemplo

import 'package:flutter/material.dart';

class ExampleList extends StatelessWidget {

const ExampleList({Key? key}) : super(key: key);

@override
Widget build(BuildContext context) {
 return Scaffold(
   appBar: AppBar(
     title: const Text('List'),
   ),
   body: SizedBox(
     child: SizedBox(
       width: double.infinity,
       child: ListView.builder(
         itemCount: 3,
         itemBuilder: (context, index) {
           return _ListExamp1();
         },
       ),
     ),
   ),
  );
 }
}

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

  @override
  Widget build(BuildContext context) {
    return Container(
      margin: const EdgeInsets.all(8),
      height: 200,
      color: Colors.yellow,
      child: ListView.builder(
        scrollDirection: Axis.horizontal,
        itemCount: 6,
        itemBuilder: (context, index) {
          return const _List2();
         },
       ),
    );
   }
  }

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

   @override
   Widget build(BuildContext context) {
      return Container(
        margin: const EdgeInsets.all(8),
        height: 50,
        width: 150,
        color: Colors.blue,
        child: const Text('data'),
      );
    }
  }

Espero y te funcione

1
  • El unico cambio que tuve que hacer en el código fue envolver el Scaffold en un MaterialApp, Muchas gracias!! Commented el 28 mar. 2022 a las 21:09

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.