颤动包裹ListView.builder水平

import 'package:flutter/material.dart';

class ShakingListView extends StatefulWidget {
  @override
  _ShakingListViewState createState() => _ShakingListViewState();
}

class _ShakingListViewState extends State<ShakingListView>
    with SingleTickerProviderStateMixin {
  AnimationController _controller;
  List<String> items = List.generate(10, (index) => "Item $index");

  @override
  void initState() {
    super.initState();
    _controller = AnimationController(
      vsync: this,
      duration: Duration(milliseconds: 500),
    )..repeat(reverse: true);
  }

  @override
  void dispose() {
    _controller.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return ListView.builder(
      scrollDirection: Axis.horizontal,
      itemCount: items.length,
      itemBuilder: (context, index) {
        return AnimatedBuilder(
          animation: _controller,
          builder: (context, child) {
            double shakeValue = _controller.value * 10;
            return Transform.translate(
              offset: Offset(shakeValue, 0),
              child: child,
            );
          },
          child: Container(
            width: 100,
            height: 100,
            margin: EdgeInsets.all(10),
            color: Colors.blue,
            child: Center(
              child: Text(
                items[index],
                style: TextStyle(color: Colors.white),
              ),
            ),
          ),
        );
      },
    );
  }
}

// 使用示例
void main() {
  runApp(MaterialApp(
    home: Scaffold(
      appBar: AppBar(
        title: Text('Shaking ListView'),
      ),
      body: ShakingListView(),
    ),
  ));
}