如何在 Flutter 中的 ListView.builder 中使用特定小部件

Question

I am trying to insert a widget inside a ListView.builder .

I tried creating a separate list and include it in the ListView but no results. I even tried nested ListView.builder .

Any suggestion?

Answer 1

Check this out.

ListView.builder(
itemCount: dataLists.lists.length,
  itemBuilder: (context, index) {
    return Widget(dataLists.lists[index]);
  },
);`

 

Answer 2

create a listOfWidget, use statefullWidget and any changes on widget will reflect to the UI. make changes inside setState() .

here is full widget

import 'package:flutter/material.dart';

class DynamicListView extends StatefulWidget {
  DynamicListView({Key? key}) : super(key: key);

  @override
  _DynamicListViewState createState() => _DynamicListViewState();
}

class _DynamicListViewState extends State<DynamicListView> {
  List<Widget> widgets = List.generate(
    4,
    (index) => Container(
      height: 50,
      color: index % 2 == 0 ? Colors.cyanAccent : Colors.pinkAccent,
      child: Text("item $index"),
    ),
  );

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: ListView.builder(
        itemCount: widgets.length,
        itemBuilder: (context, index) => widgets[index],
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          setState(() {
            widgets.add(Container(
              height: 60,
              color: Colors.amber,
              child: Text("new Widget"),
            ));
          });
        },
      ),
    );
  }
}