Flutter 颤振列表视图在手势上设置项目动画

Flutter 颤振列表视图在手势上设置项目动画,flutter,dart,Flutter,Dart,我试图在listview上实现一些动画反馈,当用户点击列表项时,它会缩小到90%,当点击备份时,会返回到100%。问题在于,为了更新保存比例值的变量的状态,所有列表项都将更新为该新比例。有什么解决办法吗 使用StatefulBuilder仅为点击的列表项设置状态 OnTap更改setState()中的刻度值 以下是工作代码,供您参考: 我希望这对您有所帮助,如果有任何疑问,请发表评论如果这对您有效,请接受并向上投票此答案。您能分享您的代码吗?我所做的是将每个项目都制作成自己的状态小部件,这样我就

我试图在listview上实现一些动画反馈,当用户点击列表项时,它会缩小到90%,当点击备份时,会返回到100%。问题在于,为了更新保存比例值的变量的状态,所有列表项都将更新为该新比例。有什么解决办法吗

  • 使用StatefulBuilder仅为点击的列表项设置状态
  • OnTap更改setState()中的刻度值
  • 以下是工作代码,供您参考:
    我希望这对您有所帮助,如果有任何疑问,请发表评论如果这对您有效,请接受并向上投票此答案。

    您能分享您的代码吗?我所做的是将每个项目都制作成自己的状态小部件,这样我就可以为每个项目单独创建动画控制器!当点击时,它不会返回到全尺寸,而且在ALAN项目也没有动画,如果你对动画有问题,那么请问另一个问题,并在注释中给我链接。完整代码?当然:-您可以在:
    void main(){runApp(MaterialApp(home:RoundedListView2());}
    Great似乎找到了解决方案:)
    import 'package:flutter/material.dart';
    
    void main() => runApp(MyApp());
    
    class MyApp extends StatelessWidget {
      @override
      Widget build(BuildContext context) {
        return MaterialApp(
          title: 'Flutter Demo',
          home: DemoWidget(),
        );
      }
    }
    
    class DemoWidget extends StatelessWidget {
      @override
      Widget build(BuildContext context) {
        return Scaffold(
          appBar: AppBar(
            title: Text('FlutterApp'),
          ),
          body: ListView.builder(
            itemCount: 10,
            itemBuilder: (BuildContext context, int index) {
              double scale = 1;
              return StatefulBuilder(
                builder: (BuildContext context, StateSetter setState) {
                  return ListTile(
                    title: Transform.scale(
                        scale: scale,
                        child: Container(
                          child: Text(index.toString()),
                          color: Colors.amberAccent,
                        )),
                    onTap: () {
                      setState(() {
                        scale = scale == 1 ? 0.9 : 1;
                      });
                    },
                  );
                },
              );
            },
          ),
        );
      }
    }