Question

我希望获得一些帮助，以便让歌手姓名自动从右向左滚动（如果您更方便，则从左向右滚动），但是我不确定该如何去做，并且会感谢某人的帮助：）我查看了Horizontal ListViews以及其他所有内容，但我遇到了错误，因此我没有继续前进。

@override
  Widget build(BuildContext context) {
    return Scaffold(body: Stack(
        children: <Widget>[
          Container(decoration: BoxDecoration(
            image: DecorationImage(
              image: AssetImage("assets/images/danceClub.jpg"),
              fit: BoxFit.cover,
            ),
          ),
              child: BackdropFilter(
                  filter: ImageFilter.blur(sigmaX: 5.0, sigmaY: 5.0),
                  child: Container(decoration: BoxDecoration(color: Colors.black.withOpacity(0.2))))
          ),
          Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              Center(child: Container(child: Text('Now Playing', style: TextStyle(fontSize: 30, color: Colors.black),),)),

              _imageURLValue != null ? Image.network(_imageURLValue, height: 300) : Container(),

              Row(mainAxisSize: MainAxisSize.max, children: <Widget>[Padding(padding: EdgeInsets.only(left: 30.0)), Text('${_songName}', style: TextStyle(fontSize: 25, color: Colors.amber)), Text(' - ', style: TextStyle(fontSize: 25, color: Colors.black)),
                Expanded(child: ListView.builder(shrinkWrap: true, itemCount: _artistsNames == null ? 0 : _artistsNames.length,
                      itemBuilder: (context, i) { return Text(_artistsNames[i], style: TextStyle(fontSize: 25, color: Colors.blue),);}))]),

              Container(child: RaisedButton(
                onPressed: () => Navigator.pop(context),
                child: Text('Exit to menu'),
              )),

              Container(child: RaisedButton(
                onPressed: getData,
                child: Text('Get data from http!', style: TextStyle(color: Colors.white, fontStyle: FontStyle.italic, fontSize: 20.0)),
              ))
            ],
          )
        ]
    )
    );
  }
}

Answer 1

最简单的解决方案是使用carousel_slider库

Answer 2

有一个 Flutter 插件似乎完全符合您的需求：

选框：

https://pub.dev/packages/marquee

<块引用>

一个可以无限滚动文本的 Flutter 小部件。提供许多自定义设置，包括自定义滚动方向、持续时间、曲线以及每轮后的暂停。

颤振：水平自动滚动

2 个答案:

选框：