手機直播原始碼，文字上下滾動切換 用於公告訊息提示

手機直播原始碼，文字上下滾動切換 用於公告訊息提示

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,
    );
  }

 以上就是 手機直播原始碼，文字上下滾動切換 用於公告訊息提示，更多內容歡迎關注之後的文章