在 flutter 中默认创建项目的动态水平列表视图和 select 第一个项目

Question

我想在 flutter 中创建一个水平的元素列表。它就像水平按钮类型的容器（不是按钮），我希望在页面加载时选择列表中的第一项。如有任何建议，我们将不胜感激。

Answer 1

只需声明一个变量来保存列表和 selectedIndex，然后使用这个选定的索引来突出显示选定的项目:-

int selectedIndex=0;//will highlight first item
List<String> youList=['1,'2','3','4'];//suppose this is your dynamic list

现在水平列表视图的代码：-

SizedBox(
height: 100,
child: ListView.builder(
    shrinkWrap:  true,
    scrollDirection: Axis.horizontal,
    itemCount: yourList.length,
    itemBuilder: (context,index){
      return Container(
        width: 100,
        height: 100,
        color: selectedIndex==index?Colors.green:Colors.red,//now suppose selectedIndex and index from this builder is same then it will show the selected as green and others in red color
        child: ,//here you can show the child or data from the list
      );
    },
  )
),

上面的示例显示了选中时突出显示框，但您可以根据需要进行修改，例如要显示突出显示的边框或其他任何内容..

在 flutter 中默认创建项目的动态水平列表视图和 select 第一个项目

Create dynamic horizontal listview of items and select the first item by default in flutter

horizontallistview

flutter