Tengo un Streambuilder que obtiene datos desde FirebaseRTDB. Cuando se genera un nuevo child, la lista (alimentarList) se actualiza y quisiera tener algún tipo de animación que indique que ese nuevo registro ha sido agregado.
Intenté hacer uso de FirebaseAnimatedList, pero no me funcionó posible dado que debo trabajar con la lista (ordenarla) antes de desplegar.
El código del StreamBuilder hace parte de un StatelessWidget y tiene lo siguiente:
StreamBuilder(
stream: alimentarBloc.alimentarStream,
builder: (BuildContext context, AsyncSnapshot<List<AlimentarModel>> snapshot){
if (snapshot.hasData) {
final alimentarList = snapshot.data;
if (alimentarList.length == 0) return _imagenInicial(context);
alimentarList.sort((a, b) => b.fecha.compareTo(a.fecha));
return Container(
decoration: BoxDecoration(
color: Colors.grey[200],
borderRadius: BorderRadius.vertical(bottom: Radius.circular(20.0)),
),
child: Stack(
children: <Widget>[
ListView.builder(
itemCount: alimentarList.length,
itemBuilder: (context, i) =>_crearItem(context, alimentarBloc, alimentarList[i]),
padding: EdgeInsets.only(left: 10.0, right: 10.0, top: 10.0, bottom: 20.0),
),
],
),
);
} else if (snapshot.hasError) {
return Text(snapshot.error.toString());
}
return Center (child: Image(image: AssetImage('assets/Preloader.gif'), height: 200.0,));
},
),
Cómo puedo animar un nuevo elemento en la lista?