list - Flutter 应用中的无限列表

我正在将我的应用程序从 android 迁移到 flutter ,直到现在我已经在 flutter 中使用了 ListView。我的问题是,是否有任何专门的技术可以处理大量数据?作为引用,您可以查看android RecyclerView。它处理内存中的 View 并回收其运行时。那么如何在 Flutter 中实现 RecyclerView 之类的功能呢?还是 flutter 没有必要?

最佳答案

最简单的方法是使用 ListView.builder 而不指定 itemCount 参数。

这是最简单的例子:

import 'package:flutter/material.dart';

void main() => runApp(new MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      home: new MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => new _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(
        title: new Text("Infinite List"),
      ),
      body: ListView.builder(
        itemBuilder: (context, index) {
          return Text("$index");
        },
      ),
    );
  }
}

稍后,您可以通过获取真实数据来增强此功能。您可以在等待新数据时在列表的最后一项中显示“CircularProgressIndicator”。

  body: ListView.builder(
    itemBuilder: (context, index) {
      if (index < data.length) {
        // Show your info
        return Text("$index");
      } else {
        getMoreData();
        return Center(child: CircularProgressIndicator());
      }
    },
    itemCount: data.length + 1,
  ),

您可以看到我们通过添加索引来欺骗列表,并在显示最终索引时调用更多数据。

getMoreData() 将包括对 setState() 的调用以强制重建并考虑新数据。

https://stackoverflow.com/questions/53114867/

相关文章:

firebase - flutter/Dart 错误 : The argument type 'Fu

dart - flutter : Get Local position of Gesture Det

dart - 没有 AppBar 的 Flutter 应用设计

flutter - Flutter中的Material和MaterialApp有什么区别?

dart - 如何在 Flutter 中获取 Text 小部件的大小

dart - 在 Flutter 中使用 JS 库

android - 如何在 Flutter 中的图像上显示文本?

flutter - 如何停止 flutter 应用程序中的firebase错误

flutter - Flutter 如何处理方向变化

dart - 是否可以使用 Flutter 提供的 Dart SDK 作为 AngularDart