Flutter开发中如何实现ListView不展示列表的前两项元素

以下是两种常用的稳定实现方案：

方案1：调整列表计数与索引映射（无需修改原数据源） #

直接调整ListView的项计数和索引偏移量，不用改动原始的toReturnTheme数组，适合不希望修改原始数据源的场景。
注意：需要先判断数组长度，避免出现负数计数导致报错，同时所有数据源操作都要使用偏移后的实际索引
修改后的代码如下：

ListView.builder(
  shrinkWrap: true,
  // 数组长度不足2时显示0项，避免计数为负
  itemCount: toReturnTheme.length > 2 ? toReturnTheme.length - 2 : 0,
  itemBuilder: (context, int index) {
    // 计算对应原数据源的实际索引，向后偏移2位跳过前两项
    int actualIndex = index + 2;
    return Container(
      width: 300.0,
      child: Column(
        children: [
          ListTile(
            title: GestureDetector(
              child: Text("Theme $actualIndex",style: TextStyle(
                fontSize: 22.0,
              color: Theme.of(context).accentColor),),
              onTap: () {
                // 传入实际索引选择主题
                getThemeManager(context).selectThemeAtIndex(actualIndex);
              },
            ),
            trailing: GestureDetector(
                    child: Icon(Icons.delete,
                      color: Theme.of(context).accentColor,),
                    onTap: () {
                      // 按实际索引删除原数据源的对应项
                      toReturnTheme.removeAt(actualIndex);
                      setState(() {});
                    },
                  ),
            leading : Icon(Icons.palette_outlined,
              color: Theme.of(context).accentColor,),
          ),
          Divider(
            color: Colors.white,
          )
        ],
      ),
    );
  })

方案2：预截取数据源（逻辑更直观） #

先对原始数据源做截取，直接使用从索引2开始的子数组构建列表，逻辑更清晰易懂。
示例代码如下：

// 先截取从索引2开始的子数组
final filteredThemeList = toReturnTheme.length > 2 ? toReturnTheme.sublist(2) : [];

// 构建ListView时直接使用截取后的数组
ListView.builder(
  shrinkWrap: true,
  itemCount: filteredThemeList.length,
  itemBuilder: (context, int index) {
    // 原数据源的实际索引
    int actualIndex = index + 2;
    return Container(
      width: 300.0,
      child: Column(
        children: [
          ListTile(
            title: GestureDetector(
              child: Text("Theme $actualIndex",style: TextStyle(
                fontSize: 22.0,
              color: Theme.of(context).accentColor),),
              onTap: () {
                getThemeManager(context).selectThemeAtIndex(actualIndex);
              },
            ),
            trailing: GestureDetector(
                    child: Icon(Icons.delete,
                      color: Theme.of(context).accentColor,),
                    onTap: () {
                      toReturnTheme.removeAt(actualIndex);
                      setState(() {});
                    },
                  ),
            leading : Icon(Icons.palette_outlined,
              color: Theme.of(context).accentColor,),
          ),
          Divider(
            color: Colors.white,
          )
        ],
      ),
    );
  })

不推荐的实现方式 #

不建议直接在itemBuilder中判断index < 2时返回SizedBox.shrink()，这种方式会让ListView多渲染两个无效空白项，列表数据量大时会降低渲染性能。

内容的提问来源于stack exchange，提问作者KrekZsole