在列表滚轮滚动视图中，点击时抖动墨水效果不佳

Question

我正试图在flutter中向List Wheel Scroll View添加墨迹，但它不起作用。你能帮我添加点击列表滚轮滚动查看吗

Answer 1

查看此包https://pub.dev/packages/clickable_list_wheel_view

行为：

单击所选项目时，ClickableListWheelScrollView 上会调用onItemTapCallback

当您单击另一个项目时，ClickableListWheelScrollView上会调用onItemTapCallback，然后立即调用ListWheelScrllView 上的onSelectedItemChanged

import 'package:flutter/material.dart';
import 'package:clickable_list_wheel_view/clickable_list_wheel_widget.dart';
void main() {
runApp(
MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text(
'List Wheel',
),
),
body: MyListWheel(),
),
),
);
}
class MyListWheel extends StatelessWidget {
final _scrollController = FixedExtentScrollController();
final double _itemHeight = 100.0;
final data = List.generate(20, (index) => 'Item $index');
@override
Widget build(BuildContext context) {
return ClickableListWheelScrollView(
scrollController: _scrollController,
itemHeight: _itemHeight,
itemCount: data.length,
onItemTapCallback: (index) {
print("onItemTapCallback index: $index");
},
child: ListWheelScrollView.useDelegate(
controller: _scrollController,
itemExtent: _itemHeight,
physics: FixedExtentScrollPhysics(),
overAndUnderCenterOpacity: 0.5,
perspective: 0.002,
onSelectedItemChanged: (index) {
print("onSelectedItemChanged index: $index");
},
childDelegate: ListWheelChildBuilderDelegate(
builder: (context, index) => ListTile(title: Text(data[index])),
childCount: data.length,
),
),
);
}
}