Trung tâm cá nhân
sách gpt4 ăn đã đi

listview - 如何在 ListView 中展开卡片以显示更多数据，甚至是另一个 ListView

In lại 作者：IT王子 更新时间：2023-10-29 07:15:03 36 4
mua khóa gpt4 giày nike

这里有没有人知道我如何通过 onTap() 扩展 ListView 项(在本例中为卡片)的内容 - 以显示更多选项？您知道那里有可以提供帮助的酒吧吗？

我已经看过了，但我不知道要搜索什么？我相信你们都能想象这样的场景:用户点击一个 ListView 项，它会打开或显示更多选项 - 可能是一个堆栈或另一个 ListView (水平)。

非常感谢您提供的任何信息。

câu trả lời hay nhất

您可以使用评论中提到的原生 Material 实现，也可以自己构建。

这是一个完整的工作示例，您可以根据需要进行修改。

nhập 'gói:flutter/material.dart';


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

class MyApp extends StatefulWidget {

  @ghi đè
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State {


  List listItems = List.generate(4, (int index) => ListItem(
    4,
    SAI
  ));

  _expandItem(ListItem listItem){
    setState(() {
      listItems.forEach((ListItem item) {
        if (item == listItem){
          item.expanded = !item.expanded;
        } khác {
          item.expanded = false;
        }

      });
    });
  }

  @ghi đè
  Xây dựng tiện ích (BuildContext context) {
    trả về MaterialApp(
      Trang chủ: Giàn giáo(
        body: Container(
          child: ListView(
            children: listItems.map((ListItem listItem) {
              return Card(
                con: Container(
                  child: Column(
                    trẻ em: [
                      Text('Hello ${listItem.id}'),
                      RaisedButton(
                        child: Text('Expand'),
                        onPressed: () {
                          _expandItem(listItem);
                        },
                      ),

                      listItem.expanded ? Column(
                        children: List.generate(4, (int index) => Text('Hello $index')),
                      ) : Container(),
                    ],
                  ),
                ),
              );
            }).toList()
            ),
          ),
        ),
      );
  }
}


class ListItem {

  final int id;
  bool expanded;

  ListItem(this.id, this.expanded);
}

关于listview - 如何在 ListView 中展开卡片以显示更多数据，甚至是另一个 ListView ，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/57637290/

36 4 0
Đề xuất bài viết: flutter - 消防站 : Query Multiple Search Term With Map Not working as Expected
Đề xuất bài viết: ruby-on-rails - Cloud9 警告我可以忽略吗？
Đề xuất bài viết: ruby - 用 `module_function` 定义模块函数与在 Ruby 中用 `self.` 定义它一样吗？
Đề xuất bài viết: Flutter Future 与 Completer
IT王子
Hồ sơ

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá taxi Didi miễn phí
Phiếu giảm giá taxi Didi
Các bài viết phổ biến trên toàn bộ trang web
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress