top_picks

gistfile1.txt

_topPickItems(){
  return BlocBuilder<NftBloc, ApiState>(
  builder: (context, state) {
  return SizedBox(
    width: MediaQuery.of(context).size.width,
    height: 180,
    child: ListView(
      scrollDirection: Axis.horizontal,
      children: state.topNft.map<Widget>((data){
        return DisplayTopPick(data: data);
       }).toList()
      ),
    );
  },
 );
}

class DisplayTopPick extends StatelessWidget {

  const DisplayTopPick({this.data, super.key});
  final TopNft? data;
  
  @override
  Widget build(BuildContext context) {
    return Container(
      padding: const EdgeInsets.only(top: 20, right: 15),
      child: GestureDetector(
        onTap: () {
          ScaffoldMessenger.of(context).showSnackBar( SnackBar(
            content: Text("${Strings.topItemClicked} ${data?.id}"),
            duration: const Duration(milliseconds: 200),
          ));
        },
        child: Column(
          children: [
            Container(
              width: 140,
              height: 140,
              decoration: BoxDecoration(
                  image: DecorationImage(
                    fit: BoxFit.cover,
                    image: NetworkImage(data?.image ?? ""),
                  ),
                  borderRadius: const BorderRadius.all(Radius.circular(20))
              ),
            )
          ],
        ),
      ),
    );
  }
}