微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

尝试在抖动中实现视差滚动视图,但未在UI中反映出来

如何解决尝试在抖动中实现视差滚动视图,但未在UI中反映出来

我正在尝试在颤动网络中实现视差效果,并且已经跟踪了将效果引入其中的步骤,但似乎并没有像预期的那样反映在UI中。

我尝试添加所有必要的材料,但是效果没有显现出来。 我添加了所有定位的小部件,将变量声明为topOne和topTwo,并添加通知侦听器。

这是我的代码段:

    body: SingleChildScrollView(
            child: NotificationListener(
              onNotification: (v) {
                if (v is ScrollUpdateNotification) {
                  setState(() {
                    topOne = topOne - v.scrollDelta / 3;
                    topTwo = topTwo - v.scrollDelta / 1;
                  });
                }
              },child: SafeArea(
                child: Column(
                  children: [
                    Stack(
                      children: [

                        NavBar(
                          h: h / 1.2,w: w / 1,sel0: false,sel1: false,sel2: true,sel3: false,sel4: false,)
                      ],),SizedBox(
                      height: h / 12,Container(
                      height: h / 1,width: w / 1,decoration: Boxdecoration(
                        gradient: LinearGradient(
                            begin: Alignment.topCenter,end: Alignment.bottomCenter,colors: [
                              Colors.transparent,Colors.grey[100],AppColors.getWhite(),]),child: Stack(
                        children: [
                          Positioned(
                            top: 30,left: 30,child: Text(
                              'F L EX',style:
                                  TextStyle(fontSize: 500,color: Colors.white),Positioned(
                            top: topOne,//I wanted this to move in the normal speed
                            left: 100,child: Container(
                              height: h / 1.1,width: w / 1.2,decoration: Boxdecoration(color: Colors.white,// borderRadius: BorderRadius.circular(8),BoxShadow: [
                                    BoxShadow(
                                      color: AppColors.getGrey(),blurRadius: 60.0,Positioned(
                            top: 80,left: 150,child: RotationTransition(
                              turns: new AlwaysstoppedAnimation(50 / 360),child: Container(
                                height: h / 6,width: w / 12,decoration: Boxdecoration(
                                    border: Border.all(
                                        color: AppColors.getGrey(),width: 4)),Positioned(
                            top: topTwo,// I wanted this to move slow than the above
                            left: 200,child: Text(
                              'WE DO IT ALL.',style: GoogleFonts.roboto(
                                  fontSize: 30,fontWeight: FontWeight.normal,color: AppColors.getBlack()),

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。