Flutter应用中的无限列表

发布时间：2020-12-14 14:51:34 所属栏目：百科来源：网络整理

导读：我正在将我的应用程序从 android迁移到flutter,直到现在我已经使用了ListView.我的问题是,是否有任何专门的技术来处理颤动中的大量数据？供参考,你可以看看android RecyclerView.它处理内存视图并回收它的运行时.那么如何在Flutter中实现像RecyclerView这样

我正在将我的应用程序从 android迁移到flutter,直到现在我已经使用了ListView.我的问题是,是否有任何专门的技术来处理颤动中的大量数据？供参考,你可以看看android RecyclerView.它处理内存视图并回收它的运行时.那么如何在Flutter中实现像RecyclerView这样的功能呢？或者在颤动中没有必要？

解决方法

最简单的方法是使用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
        Text("$index");
      } else {
        getMoreData();
        return Center(child: CircularProgressIndicator());
      }
    },itemCount: data.length + 1,

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

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!