点击flutter 的组件怎么跳转到SingleChildScrollView的固定位置

在这里插入图片描述
如上图,当我点击评价的时候让评价滑动到顶部。
其实在写评价的时候,在组件中加入key,然后当点击评价的时候使用Scrollable.ensureVisible(key2.currentContext)移动到该指定位置即可

GlobalKey key1=GlobalKey();
  GlobalKey key2=GlobalKey();
  GlobalKey key3=GlobalKey();
  GlobalKey key4=GlobalKey();

评价模块部分

//评价
                      Container(
                        key: key2,
                        width: deviceWidth,
                        margin: EdgeInsets.only(top: 5),
                        padding: EdgeInsets.all(5),
                        decoration: BoxDecoration(
                            color: Colors.white,
                            borderRadius:
                                BorderRadius.all(Radius.circular(15))),
                        child: Column(
                        .........

上边的评价按钮

GestureDetector(
                      child: Container(
                        //color: Colors.blue,
                        margin: EdgeInsets.symmetric(horizontal: 5),
                        child: Column(
                          mainAxisSize: MainAxisSize.max,
                          mainAxisAlignment: MainAxisAlignment.center,
                          children: [
                            Text(
                              "评价",
                              style: TextStyle(
                                fontSize: 14,
                                color: Colors.black87,
                                decoration: TextDecoration.none,
                                //fontWeight: FontWeight.w500
                              ),
                            ),
                            Container(
                              margin: EdgeInsets.only(top: 3),
                              height: 3,
                              width: 24,
                              decoration: BoxDecoration(
                                  shape: BoxShape.rectangle,
                                  gradient: LinearGradient(colors: [
                                    Colors.red,
                                    Colors.pink[100],
                                    Colors.pink[100],
                                    Colors.white
                                  ])),
                            )
                          ],
                        ),
                      ),
                      onTapDown: (TapDownDetails details){
                        print("评价");
                        Scrollable.ensureVisible(key2.currentContext);
                      },
                    )
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

枣泥馅

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值