Question

我在流构建器中有此listview.builder。在列表视图中，每个索引的容器中都有一个按钮和循环进度指示器，现在我只想在按下按钮时才在该特定索引处显示循环指示器。

我尝试使用布尔值来隐藏和显示指标。我的问题是，当每次尝试使指示器可见时，所有这些都变为可见，这不是我想要的。我该如何实现

Answer 1

这是一个示例，以演示如何使用在列表视图构建器中管理其自身状态的小部件。

class MainClass extends StatefulWidget {
  @override
  _MainClassState createState() => _MainClassState();
}

class _MainClassState extends State<MainClass> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),
      body: Column(
        children: <Widget>[
          ListView.builder(
           // itemCount: ,
            itemBuilder: (context,index){
                return HoldNewStateOf(
                  descriptions: "Description From List",
                  index: index,
                  name: "Name From List",
                );
            },
          )
        ],
      ),
    );
  }
}



class HoldNewStateOf extends StatefulWidget {
final name;
final descriptions;
final index;

HoldNewStateOf({
this.name,
this.descriptions,
this.index,
});
  @override
  _HoldNewStateOfState createState() => _HoldNewStateOfState();
}

class _HoldNewStateOfState extends State<HoldNewStateOf> {
  @override
  Widget build(BuildContext context) {
    return Container(
      child: Column(
        children: <Widget>[
          Text("Name: ${widget.name}"),
           Text("Description: ${widget.descriptions}"),
            Text("Current Index: ${widget.index}"),
        ],
      ),
    );
  }
}

Answer 2

您应该将每个列表项构建为具有其自己的逻辑和状态的单独小部件，这样，您可以为每个项目使用不同的布尔状态属性。

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

2 个答案: