手机直播源码，文字上下滚动切换 用于公告消息提示

手机直播源码，文字上下滚动切换 用于公告消息提示

1 基本使用代码

void main() {
  ///启动根目录
  runApp(MaterialApp(
    home: TestTipsPage(),
  ));
}
class TestTipsPage extends StatefulWidget {
  @override
  _TestTipsPageState createState() => _TestTipsPageState();
}
class _TestTipsPageState extends State<TestTipsPage> {
  @override
  void initState() {
    super.initState();
  }
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.white,
      body: Center(
        child: Container(
          alignment: Alignment.center,
          width: double.infinity,
          height: 24,
          child: buildMarqueeWidget(),
        ),
      ),
    );
  }
 }
 

​

2 核心使用代码

 MarqueeWidget buildMarqueeWidget(List<String> loopList) {
    ///上下轮播 安全提示
    return MarqueeWidget(
      //子Item构建器
      itemBuilder: (BuildContext context, int index) {
        String itemStr = loopList[index];
        //通常可以是一个 Text文本
        return Text(itemStr);
      },
      //循环的提示消息数量
      count: loopList.length,
    );
  }

 以上就是 手机直播源码，文字上下滚动切换 用于公告消息提示，更多内容欢迎关注之后的文章