Flutter-文本小部件的动画

时间:2019-12-02 18:59:13

标签: flutter flutter-layout flutter-animation

我是Flutter的新手,所以欢迎您提出任何想法。我需要基于三个图片和一些文本动画实现一个欢迎屏幕。 为此,我使用了PageView,内部有3个子小部件,每个小部件用于每个屏幕。图片之间的过渡正常。

摘要: 我的问题是,在x毫秒后,文本小部件(例如:“将跟随细节”)应该从左到右或从右到左显示,具体取决于滚动。而且我不知道该怎么做。

我尝试了不同的软件包(animated_text_kit,flutter_swiper等),但没有成功。

代码:

return Stack(
            children: <Widget>[
              PageView(
                key: WidgetKeys.introPageView,
                children: <Widget>[
                  ScreenInfo(imageContent: "p_01", position: 0),
                  ScreenInfo(imageContent: "p_02", position: 1),
                  ScreenInfo(imageContent: "p_03", position: 2)
                ],
                onPageChanged: (value) {
                  _pageViewBloc.add(PageSwipeEvent(value));
                },
              ),
              _buildPageIndicator(state)
            ],

Positioned.fill(
                bottom: 150,
                child: Container(
                    margin: const EdgeInsets.all(20),
                    child: Column(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      mainAxisAlignment: MainAxisAlignment.end,
                      children: <Widget>[
                        Text("MY TEXT WHICH SHOULD APPEAR",
                            style: TextStyles.xlargeLightText
                                .merge(TextStyle())),
                        SizedBox(
                          height: 20,
                        ),

C enter image description here

0 个答案:

没有答案