flutter 文字轮播图

Flutter 文字轮播图（通常称为文字滚动公告或文本滑动视图）是一种在 Flutter 应用程序中展示动态变化的文字信息的组件。它通过循环滚动显示一系列预设的文字字符串，常用于广告、新闻标题或其他需要频繁更新信息的场景。在 Flutter 中，你可以使用 `SlidingUpPanel` 或者自定义一个 `StatefulWidget` 结合动画来实现这个效果。例如，可以使用 `AnimatedContainer` 和 `Positioned` 来控制文字的滚动。

以下是一个简单的例子：

import 'package:flutter/material.dart';

class TextCarousel extends StatefulWidget {
  final List<String> texts; // 需要滚动的文字列表

  const TextCarousel({Key? key, required this.texts}) : super(key: key);

  @override
  _TextCarouselState createState() => _TextCarouselState();
}

class _TextCarouselState extends State<TextCarousel> {
  int _currentIndex = 0;
  Duration _animationDuration = Duration(milliseconds: 500); // 滑动速度

  void _scrollToNext() {
    setState(() {
      if (_currentIndex < widget.texts.length - 1) {
        _currentIndex++;
      } else {
        _currentIndex = 0;
      }
    });
  }

  @override
  Widget build(BuildContext context) {
    return SlidingUpPanel(
      panel: Container(
        child: SingleChildScrollView(
          padding: EdgeInsets.all(8),
          child: Column(
            mainAxisAlignment: MainAxisAlignment.start,
            children: [
              SizedBox(height: kToolbarHeight),
              ...widget.texts.map((text) {
                return Padding(
                  padding: EdgeInsets.symmetric(horizontal: 16),
                  child: Text(text, style: TextStyle(fontSize: 16)),
                );
              }).toList(),
            ],
          ),
        ),
      ),
      dismissible: false,
      position: PanelPosition.bottom,
      height: 100,
      behavior: SlidingUpPanelBehavior.canSlideVertically,
      clipBehavior: Clip.none,
      animationDuration: _animationDuration,
      onPanelDismissed: () {},
      onPanelClosing: (double progress) {},
      builder: (context, isClosed) {
        return IconButton(
          icon: isClosed ? Icon(Icons.arrow_downward) : Icon(Icons.close),
          onPressed: isClosed ? () {} : _scrollToNext,
          tooltip: isClosed ? "展开" : "关闭",
        );
      },
    );
  }
}