我是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,
),