CarouselSlider 起点颤动

Question

这是我的代码。

@override
  Widget build(BuildContext context) {
    return Container(
      color: Colors.red,
      padding: EdgeInsets.all(7),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: <Widget>[
          Text('지금 뜨는 콘서트'),
          Material(
            color: Colors.lightGreen,
            child: CarouselSlider(
              items: makeBoxImages(context, concerts),
              options: CarouselOptions(
                viewportFraction: 0.3,
                enableInfiniteScroll: false,
                initialPage: 1,
              ),
            ),
          ),
        ],
      ),
    );
  }

List<Widget> makeBoxImages(BuildContext context, List<Concert> concerts) {
  List<Widget> results = [];
  for (var i = 0; i < concerts.length; i++) {
    results.add(
      Material(
        color: Colors.yellow,
        child: Column(
          children: [
            Container(
              color: Colors.blue,
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.center,
                children: [
                  Image.asset(
                    'assets/images/' + concerts[i].poster,
                    width: MediaQuery.of(context).size.width * 0.25,
                  ),
                  Row(
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: <Widget>[
                      Icon(
                        kIconMap[concerts[i].kinds],
                        size: 15,
                      ),
                      Text(concerts[i].kinds),
                    ],
                  ),
                ],
              ),
            ),
          ],
        ),
      ),
    );
  }
  return results;
}

然后，屏幕显示如下。

当我从左向右滚动时，屏幕显示如下。

之后屏幕固定了。

---

在这一点上，我有两个问题。

1. 我想制作这样的第一个屏幕。 可能吗？

2. 当屏幕中滑块的第一个元素位于最左侧时，我想修复它（当用户从​​左到右滚动时）

像第一张图片而不是第二张图片。

感谢您阅读我的问题。

Answer 1

如果我清楚地解决了您的问题，那么解决方案是将 padEnds 切换为 false

 options: CarouselOptions(
 padEnds : false)

希望这会有所帮助。