ontroller.obx( (data) => ListView.builder( padding: EdgeInsets.all(8), itemCount: data.length, itemBuilder: (BuildContext context, int index) { return Card( child: Column( children: <Widget>[ ListTile( leading: CircleAvatar( radius: 30, backgroundImage: NetworkImage(data[index]['picture']['large']), ), title: Text( data[index]['name']['title'] + " " + data[index]['name']['first'] + " " + data[index]['name']['last'], ), subtitle: Text( data[index]['email'], style: TextStyle(fontSize: 12), ), trailing: Text( "Age : " + data[index]['dob']['age'].toString(), ), ), ], ), ); }), onError: (error) => Center( child: Text(error), ), ), );
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter