list - 颤振位置轮播滑块未居中
问题描述
我在我的应用程序中使用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(),
],
),
每一个帮助表示赞赏!如果您需要更多信息,请告诉我
解决方案
推荐阅读
- python-3.x - CDON API RESTful Api GET 请求
- kubernetes - Kubernetes 外部 IP 不适用于所有节点
- django - 从一个模型中获取其他模型的 pk
- app-store - 如何在我的 Mac 上使用 AppStore 连接 API,在 WWDC18 中宣布?
- oracle - Raise_application_error() 会停止执行吗?(停止在表中插入/删除/更新)
- javascript - 承诺解决后如何加载 API 数据以响应组件?
- objective-c - Objective-C autoreleasepool 指令影响范围之外的变量。
- spring - Spring Data Rest 和集成测试
- javascript - 每月从 JavaScript 中的对象数组中求和值
- java - spring jdbcTemplate 批量更新返回记录插入