首页 > 解决方案 > 颤振位置轮播滑块未居中

问题描述

我在我的应用程序中使用CarouselSlider,现在它看起来像这样:

在此处输入图像描述

问题是我不希望突出显示/选定的小部件位于中间,而是位于右侧。像这样:

在此处输入图像描述

所以我需要做的是,将整个小部件向右移动,以便列表的右半部分不在视图中,并且只显示左暂停。但我不知道我怎么能做到这一点......

这是我的代码:

    @override
  Widget build(BuildContext context) {
    return Expanded(
      child: Container(
        height: 50,
        child: CarouselSlider.builder(
            itemCount: data.length,
            itemBuilder:
                (BuildContext context, int itemIndex, int pageViewIndex) =>
                    _buildListItem(itemIndex),
            options: CarouselOptions(
              viewportFraction: 0.35,
              reverse: true,
              enlargeCenterPage: true,
              onPageChanged: (index, whatever) {
                print(index);
              },
              enableInfiniteScroll: false,
              scrollDirection: Axis.horizontal,
            )),
      ),
    );
  }

  Widget _buildListItem(int index) {
    return Container(
      color: AppColors.red,
      height: 50,
      width: 100,
      child: Center(
        child: Padding(
          padding: EdgeInsets.only(top: 8.scaled),
          child: Text(
            data[index].toString(),
            style: AppTextStyles.glossAndBloomH2Regular,
          ),
        ),
      ),
    );
  }

这就是我所说的:

Positioned(
                  right: sidePadding,
                  bottom: 30,
                  left: sidePadding,
                  child: Row(
                    mainAxisAlignment: MainAxisAlignment.end,
                    children: [
                      IconButtonWithExpandedTouchTarget(
                        onTapped: () {
                          showModalBottomSheet(
                            context: context,
                            backgroundColor: AppColors.transparent,
                            builder: (BuildContext context) {
                              return ModalBottomSheetView();
                            },
                          );
                        },
                        svgPath: 'assets/icons/menue.svg',
                      ),
                      YearSlider(),
                    ],
                  ),

每一个帮助表示赞赏!如果您需要更多信息,请告诉我

标签: listflutterdartconstraintscarousel

解决方案


推荐阅读