Flutter TypewriterAnimatedText 文本打字效果

早起的年轻人
移动开发领域优质创作者
博客专家认证
2021-07-14 23:06:04
  Widget buildAnimationText1() {
    return AnimatedTextKit(
      animatedTexts: [
        //打字效果
        TypewriterAnimatedText("早起的年轻人",
            //每出一个字的时间
            speed: Duration(milliseconds: 100),
            //字体样式
            textStyle: TextStyle(
              color: Colors.blue,
              fontSize: 22,
            ),
            //文字对齐方式
            textAlign: TextAlign.start,
            //结尾显示文本
            cursor: "_",
            //动画曲线
            curve: Curves.ease),
      ],
      //重复的次数
      totalRepeatCount: 1,
      //重复执行时 中间间隔的时间
      pause: Duration(milliseconds: 200),
      //为 true 时,点击动画提前结束 默认是 false
      displayFullTextOnTap: true,
      //点击事件
      onTap: () {
        print("onTap");
      },
      onFinished: () {
        print("动画执行完毕的回调");
      },
    );
  }

 

...全文
664 回复 打赏 收藏 转发到动态 举报
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复

167

社区成员

发帖
与我相关
我的任务
社区描述
本社区分享Flutter的一效果Demo以及一些问题解决方案
社区管理员
  • 早起的年轻人
  • 阿pin
  • 小鸡仔hana
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧