flutter pub add animation_list基于插件公开信息、社区数据与项目使用情况整理的选型参考。
一个 Flutter 包，提供了一个简单的动画 ListView 小部件，可在列表项出现在屏幕上时实现平滑的进入动画。专为希望在列表渲染过程中通过细微的视觉反馈提升用户体验的开发者设计。该包支持 Android、iOS、Web、macOS、Windows 和 Linux 多个平台，适用于跨平台应用。可通过 pub add 命令轻松集成，旨在兼顾性能与简洁性。
以下为关联源码仓库的 README 原文快照，最新内容请访问源码仓库。
A simple animation listview widget.
When it is built, list item is shown by sliding and bouncing.
Add animation_list: ^3.1.0 to your pubspec.yaml dependecies. And import it:
import 'package:animation_list/animation_list.dart';
Simply add a Animation List widget with required params.
final List<Map<String, dynamic>> data = [
{
'title': '1111',
'backgroundColor': Colors.grey,
},
{
'title': '2222',
'backgroundColor': Colors.red,
},
{
'title': '3333',
'backgroundColor': Colors.yellow,
},
{
'title': '4444',
'backgroundColor': Colors.blue,
},
{
'title': '5555',
'backgroundColor': Colors.green,
},
{
'title': '6666',
'backgroundColor': Colors.orange,
},
{
'title': '7777',
'backgroundColor': Colors.brown,
},
{
'title': '8888',
'backgroundColor': Colors.purple,
},
];
Widget _buildTile(String title, Color backgroundColor) {
return Container(
height: 100,
margin: EdgeInsets.symmetric(horizontal: 10, vertical: 5),
decoration: BoxDecoration(
borderRadius: BorderRadius.all(Radius.circular(25)),
color: backgroundColor,
));
}
@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: AnimationList(
animationDirection: AnimationDirection.horizontal,
duration: 1000,
reBounceDepth: 10.0,
children: data.map((item) {
return _buildTile(item['title'], item['backgroundColor']);
}).toList()),
),
);
}
| Attribute | Data type | Description | Default |
|---|---|---|---|
| key | Key | Controls how one widget replaces another widget in the tree | - |
| controller | ScrollController | An object that can be used to control the position to which this scroll view is scrolled | - |
| primary | bool | Whether this is the primary scroll view associated with the parent PrimaryScrollController | - |
| physics | ScrollPhysics | How the scroll view should respond to user input | - |
| shrinkWrap | bool | Whether the extent of the scroll view in the scrollDirection should be determined by the contents being viewed | false |
| padding | EdgeInsetsGeometry | The amount of space by which to inset the children | - |
| cacheExtent | double | The viewport has an area before and after the visible area to cache items that are about to become visible when the user scrolls | - |
| children | List | The children are required to fill the ListView | [] |
| semanticChildCount | int | The number of children that will contribute semantic information | - |
| dragStartBehavior | DragStartBehavior | Determines the way that drag start behavior is handled | DragStartBehavior.start |
| keyboardDismissBehavior | Key | ScrollViewKeyboardDismissBehavior the defines how this ScrollView will dismiss the keyboard automatically | ScrollViewKeyboardDismissBehavior.manual |
| restorationId | String | Restoration ID to save and restore the scroll offset of the scrollable | - |
| clipBehavior | Clip | The content will be clipped (or not) according to this option | Clip.hardEdge |
| duration | int | The milliseconds the animation runs | 1300 |
| reBounceDepth | double | A value of bounce depth | 10.0 |
| opacityRange | Tween | A Tween value of opacity animation range | Tween(begin: 0.3, end: 1.0) |
| animationDirection | AnimationDirection | A animation direction(vertical / horizontal / both) | AnimationDirection.vertical |
Contributions are welcome! Feel free to open an issue or submit a pull request if you have a way to improve this project.
Make sure your request is meaningful and you have tested the app locally before submitting a pull request.
💙 If you like this project, give it a ⭐ and share it with friends!
暂无相关数据。