如何在Flutter的ListView上添加可禁用的小部件?

西姆兰·阿斯瓦尼(Simran Aswani)

我有一个列表视图,我想向其中添加一个可禁用的小部件。我希望单击后列表视图的项目消失。一旦列表的所有元素都结束,我也想消除整个列​​表的标题。是否可以通过Dismissible小部件或任何其他此类小部件使ListTile消失?

这是我的列表视图的代码:

    SliverToBoxAdapter(
        child: Padding(
      padding: const EdgeInsets.only(left: 12.0),
      child: Container(
        child: Text(
          'New User Tasks',
          style: TextStyle(
            fontSize: 26.0,
            fontWeight: FontWeight.w600,
            fontFamily: "Netflix",
            color: Colors.orange,
          ),
        ),
      ),
    )),

    SliverFixedExtentList(
      itemExtent: 80.0,
      delegate: SliverChildBuilderDelegate(
        (BuildContext context, int index) {
          Divider(
            color: Colors.orange,
            height: 7.0,
          );
          ChatModel _model = ChatModel.dummyData[index];
          return Container(
            alignment: Alignment.center,
            color: Colors.transparent,
            child: GestureDetector(
              onTap: () {
                if (index == 0) {
                  print('Hello');
                }
                if (index == 1) {
                  print('Helyyylo');

                  Navigator.push(
                    context,
                    MaterialPageRoute(
                      builder: (context) => SettingsView(),
                    ),
                  );
                }
                if (index == 2) {
                  print('Heooooo');
                }
              },
              child: Column(
                children: <Widget>[
                  Divider(
                    height: 4.0,
                  ),
                  ListTile(
                    leading: ClipRRect(
                      borderRadius: BorderRadius.circular(12.0),
                      child: Container(
                        // height:80,
                        // width:30,

                        child: Image.asset(_model.imagePath),
                      ),
                    ),
                    title: Row(
                      children: <Widget>[
                        Text(
                          _model.name,
                          style: TextStyle(
                            fontSize: 17.0,
                            fontWeight: FontWeight.w600,
                            fontFamily: "Netflix",
                            color: Colors.orange,
                          ),
                        ),
                        SizedBox(
                          width: 16.0,
                        ),
                      ],
                    ),
                    subtitle: Text(
                      _model.message,
                      style: TextStyle(
                        fontSize: 15.0,
                        fontFamily: "Netflix",
                      ),
                    ),
                  ),
                ],
              ),
            ),
          );
        },
        childCount: 3,
      ),
    ),

哪里:

class ChatModel {
  final String imagePath;
  final String name;
  final String datetime;
  final String message;

  ChatModel({this.imagePath, this.name, this.datetime, this.message});

  static final List<ChatModel> dummyData = [
    ChatModel(
      imagePath: 'assets/app/star1.jpg',
      name: "Rate Us",
      datetime: "20:18",
      message: "I love the app",
    ),
    ChatModel(
      imagePath: 'assets/app/test.jpg',
      name: "Invite Code",
      datetime: "19:22",
      message: "I love that idea, it's great!",
    ),
    ChatModel(
      imagePath: 'assets/app/share1.png',
      name: "First Poll Reward",
      datetime: "14:34",
      message: "I wasn't aware of that. Let me check",
    ),
}
卡侯

移除水龙头上的物品。

onTap: () {
 setState((){
   ChatModel.dummyData.removeAt(index);
 });
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Flutter:如何在包含其他类型窗口小部件的ListView.builder的末尾添加按钮窗口小部件?

来自分类Dev

如何在Flutter中的行小部件内的容器上添加边框?

来自分类常见问题

如何在Flutter中为小部件添加边框?

来自分类Dev

如何在flutter的列小部件内添加标签

来自分类Dev

如何在无效输入上摇动Flutter中的小部件?

来自分类Dev

Flutter:-如何在屏幕上显示动态小部件?

来自分类Dev

如何在Flutter中的画布上绘制小部件?

来自分类Dev

如何在使用Glade开发的GUI上添加小部件?

来自分类Dev

如何在 tkinter 的画布上添加标签小部件?

来自分类Dev

如何在ListView的项目生成器之前添加初始窗口小部件,或者如何在ListView.itemBuilder顶部注入窗口小部件?

来自分类Dev

如何在Flutter中将自定义小部件项目填充到ListView中?

来自分类Dev

如何在flutter中的listview.builder中的索引处设置小部件的状态

来自分类Dev

如何向 roundSlider 小部件添加启用/禁用按钮?

来自分类Dev

如何在Flutter中的列上的小部件之间添加垂直分隔线?

来自分类Dev

Flutter-如何制作一个自定义小部件,以将页脚添加到接收到的可滚动小部件中?

来自分类Dev

如何在Flutter中根据尺寸在动态尺寸的小部件上设置拐角半径

来自分类Dev

Flutter-如何在滚动到屏幕上时创建窗口小部件

来自分类Dev

在Flutter中,如何在较大的屏幕尺寸上修复PopupMenuItem窗口小部件中的截断文本?

来自分类Dev

问:如何在Flutter中实现新的OutlinedButton小部件上的圆角?

来自分类Dev

如何在小部件上显示从Firebase到Flutter的当前用户数据

来自分类Dev

如何在Android SDK模拟器主屏幕上添加应用小部件?

来自分类Dev

如何在GWT屏幕上的小部件中添加ID以进行测试

来自分类Dev

如何在 Blogger 的最近帖子小部件上添加 Font Awesome?

来自分类Dev

如何在两个固定的小部件之间制作可滚动的小部件

来自分类Dev

如何在Flutter中管理开关小部件的本机外观

来自分类Dev

小部件出现/消失时如何在Flutter中查明?

来自分类Dev

Flutter:如何在“文本”小部件中设置maxLine

来自分类Dev

如何在Flutter中裁剪可变大小的小部件?

来自分类Dev

如何在flutter中的小部件内部循环

Related 相关文章

  1. 1

    Flutter:如何在包含其他类型窗口小部件的ListView.builder的末尾添加按钮窗口小部件?

  2. 2

    如何在Flutter中的行小部件内的容器上添加边框?

  3. 3

    如何在Flutter中为小部件添加边框?

  4. 4

    如何在flutter的列小部件内添加标签

  5. 5

    如何在无效输入上摇动Flutter中的小部件?

  6. 6

    Flutter:-如何在屏幕上显示动态小部件?

  7. 7

    如何在Flutter中的画布上绘制小部件?

  8. 8

    如何在使用Glade开发的GUI上添加小部件?

  9. 9

    如何在 tkinter 的画布上添加标签小部件?

  10. 10

    如何在ListView的项目生成器之前添加初始窗口小部件,或者如何在ListView.itemBuilder顶部注入窗口小部件?

  11. 11

    如何在Flutter中将自定义小部件项目填充到ListView中?

  12. 12

    如何在flutter中的listview.builder中的索引处设置小部件的状态

  13. 13

    如何向 roundSlider 小部件添加启用/禁用按钮?

  14. 14

    如何在Flutter中的列上的小部件之间添加垂直分隔线?

  15. 15

    Flutter-如何制作一个自定义小部件,以将页脚添加到接收到的可滚动小部件中?

  16. 16

    如何在Flutter中根据尺寸在动态尺寸的小部件上设置拐角半径

  17. 17

    Flutter-如何在滚动到屏幕上时创建窗口小部件

  18. 18

    在Flutter中,如何在较大的屏幕尺寸上修复PopupMenuItem窗口小部件中的截断文本?

  19. 19

    问:如何在Flutter中实现新的OutlinedButton小部件上的圆角?

  20. 20

    如何在小部件上显示从Firebase到Flutter的当前用户数据

  21. 21

    如何在Android SDK模拟器主屏幕上添加应用小部件?

  22. 22

    如何在GWT屏幕上的小部件中添加ID以进行测试

  23. 23

    如何在 Blogger 的最近帖子小部件上添加 Font Awesome?

  24. 24

    如何在两个固定的小部件之间制作可滚动的小部件

  25. 25

    如何在Flutter中管理开关小部件的本机外观

  26. 26

    小部件出现/消失时如何在Flutter中查明?

  27. 27

    Flutter:如何在“文本”小部件中设置maxLine

  28. 28

    如何在Flutter中裁剪可变大小的小部件?

  29. 29

    如何在flutter中的小部件内部循环

热门标签

归档