小编Hai*_*m55的帖子

随着行数的增加,颤振列滚动变得非常滞后

所以我正在尝试为我的 flutter 项目构建一个多平台表。但是,当行数超过几百时,滚动就会变得非常缓慢,尤其是在 Web 应用程序中。构建过程也需要近 5 秒。为了构建选项卡,我在 SingleChildScrollView 中使用具有相同构建行的列。Flutter 的 Table 类也有同样的问题,我在 pub.dev jet 上找不到工作包。

即使在仅存在此表的项目中,滚动也是不可接受的。我可以做什么来构建 1000 或更多的大行数并平滑滚动?

这是简化的代码:

import 'package:flutter/material.dart';

class MyTable extends StatefulWidget{
  @override
  State<MyTable> createState() => _MyTableState();
}

class _MyTableState extends State<MyTable> {

  final double columnSpace = 5;
  final double rowSpace = 5;

  final decoration = BoxDecoration(
    borderRadius: BorderRadius.circular(5),
    color: Colors.grey,
  );

  @override
  Widget build(BuildContext context) {
    return SingleChildScrollView(
      child: Column(
        children: List.generate(1000, (index) => _buildRow(index)),
      ),
    );
  }

  _buildRow(int index){
    return Column(
      children: [
        SizedBox(
          height: …
Run Code Online (Sandbox Code Playgroud)

flutter flutter-web

2
推荐指数
1
解决办法
1863
查看次数

标签 统计

flutter ×1

flutter-web ×1