flutter: randomize item count in list View

Question

i implemented listView in flutter and it shows product count=5 , but i wanted these 5 items to be generated randomly , is there a way to do it? thanks in advance ps: i tried code depending on answer below but it gives me error count!=null

Expanded(
                      child: SizedBox(
                          height: 210.0,
                          child: FutureBuilder(
                            future: httpService.getProducts(),
                            builder:
                                (BuildContext context, AsyncSnapshot snapshot) {
                              if (snapshot.data == null) {
                                return Container(
                                  child: Center(
                                    child: Text('Loading...'),
                                  ),
                                );
                              } else if (snapshot.data.length == 0) {
                                return Container(
                                  child: Center(
                                    child: Center(
                                      child: Text('No offers'),
                                    ),
                                  ),
                                );
                              } else {
                            
                               var rndItems  = snapshot.data.shuffle();
                                         return ListView.separated(
                                    separatorBuilder:
                                        (BuildContext context, int index) {
                                      return SizedBox(height: 3);
                                    },
                                    scrollDirection: Axis.horizontal,
                                    shrinkWrap: true,
                                    itemCount: rndItems ,
                                    itemBuilder: (ctx, i) => (PdtItem(
                                        title: snapshot.data[i].title,
                                        imgUrl: snapshot.data[i].imgUrl,
                                        price: snapshot.data[i].price,
                                        pdt2: snapshot.data[i])),
                                  );

Do you mean you want the snapshot.data to be listed in a random order? — bluenile
– bluenile, Commented Nov 10, 2020 at 20:54
yes exactly , i want itemcount equals random items from snapshot.data — raya
– raya, Commented Nov 10, 2020 at 20:59
it shows an error, Instance member 'nextInt' can't be accessed using static access. — raya
– raya, Commented Nov 10, 2020 at 21:17

bluenile · Accepted Answer · 2020-11-10 21:20:51Z

1

If you want the items from snapshot.data to be listed in a random order then you may shuffle the data as follows :

....
snapshot.data.shuffle();
....

If you want to display random number of items everytime then

....
import 'dart:math';
....
var rng = new Random();
var rndItems = rng.nextInt(snapshot.data.length);
....

.....                                    
                    scrollDirectionn: Axis.horizontal,
                    shrinkWrap: true,
                    itemCount: rndItems,                                                          
                    itemBuilderr: (ctx, i) => (PdtItem(
.....

answered Nov 10, 2020 at 21:20

bluenile

6,0593 gold badges21 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

12 Comments

raya Over a year ago

thanks for ur answer, i tried the second one and it shows me error, The instance member 'rng' can't be accessed in an initializer. Try replacing the reference to the instance member with a different expression

bluenile Over a year ago

Did you add the line >>> import 'dart:math'; << at the top of the code?

raya Over a year ago

I also tried itemCount:snapshot.data.shuffle(), and it didn't work ,error says: itemCount!=null

bluenile Over a year ago

If you are adding the import then add the line >>> var rng = new Random(); var rndItems = rng.nextInt(snapshot.data.length); <<< after snapshot.hasdata. Then make sure to use >>> itemCount: rndItems, <<<

raya Over a year ago

i updated my question cuz these didn't work too, if u please can help

|

Collectives™ on Stack Overflow

flutter: randomize item count in list View

1 Answer 1

12 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

12 Comments

Your Answer

Sign up or log in

Post as a guest

Related