【问题标题】:How to reverse listview in Flutter如何在 Flutter 中反转列表视图
【发布时间】:2019-03-04 06:41:34
【问题描述】:

我实现了一个listview,它从json 获取数据。

我关注了this 的实现。

我怎样才能颠倒这个列表视图的顺序? (第一个元素应该变成最后一个,ecc...)。

【问题讨论】:

标签: list listview dart flutter future


【解决方案1】:

您应该能够在将列表提供给 ListView 之前反转列表。

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

【讨论】:

    【解决方案2】:

    对于ListView,有一个名为reverse 的标志,默认为false。将其更改为 true

    【讨论】:

    • 没有。在某些时候,您的列表不会通过使用 reverse 反转:true。它开始从 Listview 的底部指向您的所有列表。所以最好是反转你的数组。
    【解决方案3】:

    ListView中有一个态度是reverse,设置为true来反转你的列表:

    ListView.builder(
          reverse: true,
    );
    

    【讨论】:

      【解决方案4】:

      不要反转listview,而是使用reversed propertyreverse function 反转您的列表。

      【讨论】:

        【解决方案5】:

        这对我有用

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

        【讨论】:

          【解决方案6】:
           ListView.builder(
                                 reverse: true,
                                 itemCount: 10,
                                 padding: EdgeInsets.only(top: 10,bottom: 10),
          
                                 itemBuilder: (context, index){
                                       return .....
                                    }))
          

          【讨论】:

            【解决方案7】:

            如果您的回复是一个列表,请像这样使用它来使其工作。

            response.reversed.toList();

            【讨论】:

              【解决方案8】:

              在列表视图生成器中 只做一件事

               reverse:true,
              

              【讨论】:

                猜你喜欢
                • 1970-01-01
                • 2021-04-16
                • 2019-03-30
                • 2023-03-04
                • 2018-12-21
                • 2021-07-17
                • 1970-01-01
                • 1970-01-01
                • 1970-01-01
                相关资源
                最近更新 更多