Question

我有一个水平滚动的列表视图。内部有可以选择的选择芯片。但是，所有筹码都出现在一条较长的水平线上。我希望他们在达到屏幕限制时可以分成另一行。

然后，可以滚动具有多个垂直芯片行的整个列表视图。

我所拥有的：

ListView(children: <Widget>[
   Container(
   child: ListView(scrollDirection: 
   Axis.horizontal,
   children: <Widget>[ChoiceChipDisplay()]

芯片显示：

ChoiceChipDisplay() {
    List<Widget> choices = List();
    widget.reportList.forEach((item) {
      choices.add(Container(
        padding: const EdgeInsets.all(2.0),
        child: ChoiceChip(
          label: Text(item),
          labelStyle: TextStyle(
              color: Colors.black, fontSize: 14.0, fontWeight: FontWeight.bold),
          shape: RoundedRectangleBorder(
            borderRadius: BorderRadius.circular(30.0),
          ),
          backgroundColor: Color(0xffededed),
          selectedColor: Color(0xffffc107),
          selected: selectedChoice == item,
          onSelected: (selected) {
            setState(() {
              selectedChoice = item;
              print(selectedChoice)

我尝试将它们包装起来并设置水平方向限制，但是没有用。

Answer 1

我认为您可以使用Wrap

         ODD    |   EVEN
          1     |     2
          3     |     4
          5     |     6

如何垂直打破水平滚动列表？

1 个答案: