如何在 Flutter 中反转列表视图

Question

I implemented a listview which get data from a json .

I followed this implementation.

How could i reverse the order of this listview? (The first element should became the last, ecc...).

Answer 1

You should be able to reverse the list before feeding it to the ListView .

List<String> animals = ['cat', 'dog', 'duck'];
List<String> reversedAnimals = animals.reversed.toList();

Answer 2

For ListView there is a flag called reverse which is false by default. Change it to true

Answer 3

In ListView has an attitude is reverse , set it is true to reverse your list:

ListView.builder(
      reverse: true,
);

Answer 4

而不是反转listview ，使用reversed 属性或reverse 函数反转您的列表。

Answer 5

Here is a solution with null safety support of reverse the listview. Do not use reverse:true because it will reverse your data but when you open listview.builder widget in your app will take you to scroll to the last item . To avoid that use this:-

ListView.builder(                  
                  itemCount: customer?.data.length ?? 0,
                  itemBuilder: (BuildContext context, int index) {
                    int itemCount = customer?.data.length ?? 0;
                    int reversedIndex = itemCount - 1 - index;
                    child: Container(
                     child: Text(value.allCustomerModel!.data![reversedIndex].attributes!.name.toString(),
                      ),)

Answer 6

it's work for me

return MaterialApp(
  home: Scaffold(
    appBar: appBar(),
    body: ListView.builder(
      shrinkWrap: true,
      reverse: true,
      itemCount: 2,
      itemBuilder: (context, index){
        return listDesign(index);
      },
    ),
  ),
);

Answer 7

If you want to conditionally reverse the List that you are passing to the ListView, you can use this extension:

extension ListExtension<T> on List<T>{
  List<T> reverse(bool condition){
    return condition ? reversed.toList() : this;
  }
}

and use it as [].reverse(yourCondition) (dont forget to import this extension if you have defined it in some other file)

Answer 8

 ListView.builder(
                       reverse: true,
                       itemCount: 10,
                       padding: EdgeInsets.only(top: 10,bottom: 10),

                       itemBuilder: (context, index){
                             return .....
                          }))

Answer 9

If your response is a list use it like this to make it work.

response.reversed.toList();

Answer 10

在 Listview Builder 中只做一件事

 reverse:true,

Answer 11

Example :

List data = [
     {
        "number" : 1,
        "iterator" : 0
     },
     {
        "number" : 2,
        "iterator" : 1
     },
     {
        "number" : 3,
        "iterator" : 2
     },
   ];

**On ListView ... **

ListView(children: [
   for (var i = data.length; i > 0; i--) ... [
      Text(data[i]["number"].toString())
   ]
])

Answer 12

      List<int> number1 = List.empty(growable: true);
  if (number1.isEmpty) {
    number1.add(2);
    number1.add(9);
    number1.add(5);
    number1.add(6);
    print(number1);
    number1.sort();
    number1=number1.reversed.toList();
    print(number1);
  }

Answer 13

List<int> numbers = [1, 2, 3, 4, 5, 6, 7];
List<int> reversedNumbers = numbers.reversed.toList();

Answer 14

You can reverse it simply like it ==>>

ListView.builder(
                      itemCount: snapshot.data!.length,
                      itemBuilder: (context, index) {
                        var reverselist = snapshot.data!.reversed.toList();

and Then can be used as ==>

     Text(
             reverselist[index]
                                            .tituloCategoria
                                            .toString(),
                                                                            

                                        overflow: TextOverflow.ellipsis,
                                      ),

`