Flutter-跑马灯效果实现

1、背景:

使用三方组件在首页做个跑马灯效果,隔一段时间首页会闪一下,估计是三方组件有内存泄露。趁有空自己写个简单跑马灯效果。

2、效果:

请添加图片描述

3、调用方法:

将下方代码copy到项目文件内,引用文件,调用构建方法

import 'package:clmd_flutter/components/marquee.dart';
				Marquee(
                  child: Row(
                    children: [
                      Text('Flutter跑马灯效果实现-作者:clmd。后面跟点测试内容'),
                      Icon(Icons.play_arrow),
                      Text(
                        '当然可以也组合其他显示控件咯',
                        style: TextStyle(color: Colors.red),
                      )
                    ],
                  ),
                  speed: 10,
                )

文件内实现:

import 'package:flutter/material.dart'

你可能感兴趣的:(flutter_dart,flutter,android)