【问题标题】:How to make single select chips in flutter如何在颤动中制作单选芯片
【发布时间】:2022-12-13 06:28:05
【问题描述】:

我需要这样的组芯片:

https://i.stack.imgur.com/lBMIM.png

它也应该是单选的。这意味着只有一个项目可以选择,其他项目应该像单选组一样保持取消选择。 任何想法都会很棒。

【问题讨论】:

  • 您没有与我们分享您需要的群组芯片的链接。请检查您的问题内容。
  • 值得澄清一下你所说的 Flutter "chip" 是什么意思

标签: flutter dart


【解决方案1】:

您可以为此使用 simple_chips_input 包。

它有一个名为select_chips_input 的库。它会适合你的要求。

【讨论】:

    【解决方案2】:

    你可以这样做:

    import 'package:flutter/material.dart';
    
    class JustTest extends StatelessWidget {
      List<String> chipList = ["hello", "hi", "How are you"];
      @override
      Widget build(BuildContext context) {
        return ListView.builder(
          itemCount: chipList.length,
          itemBuilder: (context, index) => InkWell(
              onTap: () {
                //do your work here
              },
              child: Chip(label: Text(chipList[index]))),
        );
      }
    }
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2021-09-29
      • 1970-01-01
      • 2021-09-19
      • 2020-01-14
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多