implicitly_animated_list

KO | EN

gitlite — search

#ai #llm #go #golang #android #deep-learning #docker #awesome #cli #kubernetes #awesome-list #pytorch #openai #open-source

implicitly_animated_list

(★ 11)

A Flutter widget that implicitly animates a list whenever it rebuilds with new items.

implicitly_animated_list 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

Often, your lists represent some kind of data.

You can just pass the original list data to the `ImplicitlyAnimatedList` as
well as an `itemBuilder` for building a widget from one data point, and it'll
animate whenever the data changes:

```dart
ImplicitlyAnimatedList(
  // When you change items of this list and hot reload, the list animates.
  itemData: [1, 2, 3, 4],
  itemBuilder: (_, number) => ListTile(title: Text('$number')),
),
```

It works with all classes and works well with `StreamBuilder`:

```dart
class User {
  const User({required this.firstName, required this.lastName});

final String firstName;
  final String lastName;

// The ImplicitlyAnimatedList uses the == operator to compare items.
  bool operator ==(Object other) => other is User
    && firstName == other.firstName
    && lastName == other.lastName;
}

...

StreamBuilder<List<User>>(
  stream: someSource.usersStream,
  builder: (context, snapshot) {
    if (!snapshot.hasData) {
      return ...;
    }
    return ImplicitlyAnimatedList(
      itemData: snapshot.data,
      itemBuilder: (context, user) {
        return ListTile(title: Text('${user.firstName} ${user.lastName}'));
      }
    );
  }
)
```

Here's an example that generates random numbers and animates from one state to the next (notice it's only 10 fps because of being a GIF):

![example showcase](https://raw.githubusercontent.com/MarcelGarus/implicitly_animated_list/master/showcase.gif)

In addition to `ImplicitlyAnimatedList`, there's also `SliverImplicitlyAnimatedList` for use in a `CustomScrollView`:

```dart
CustomScrollView(
  slivers: [
    SliverImplicitlyAnimatedList(
      itemData: myListOfItems,
      itemBuilder: (context, item) => ListTile(title: Text('$item')),
    ),
    // ...
  ],
),
```

implicitly_animated_list

implicitly_animated_list 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

implicitly_animated_list

implicitly_animated_list 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README