Flutter Error: RangeError (index): Invalid value: Not in range 0..2, inclusive: 3

Question

I am using a long list in Flutter. All the items are rendering fine but I also receive the following error:

RangeError (index): Invalid value: Not in range 0..2, inclusive: 3

The following is my code:

@override
Widget build(BuildContext context) {
return Container(
  child: getList(),
 );
}

The following is my getList() method:

Widget getList (){
List<String> list = getListItems();
ListView myList = new ListView.builder(itemBuilder: (context, index){
  return new ListTile(
    title: new Text(list[index]),
  );
});
return myList;
}

And the following is my getListItem() method:

List<String> getListItems(){
return ["Faizan", "Usman", "Naouman"];
}

the following is the screenshot of error:

add itemCount parameter to ListView.builder() constructor — pskink
– pskink, Commented Dec 29, 2018 at 7:53

muttonlamb · Accepted Answer · 2018-12-29 09:01:10Z

169

You should pass the itemCount parameter to the ListView.builder to allow it to know the item count

Widget getList() {
  List<String> list = getListItems();
  ListView myList = new ListView.builder(
    itemCount: list.length,
    itemBuilder: (context, index) {
    return new ListTile(
      title: new Text(list[index]),
    );
  });
  return myList;
}

answered Dec 29, 2018 at 9:01

muttonlamb

6,5113 gold badges29 silver badges35 bronze badges

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

10 Comments

user5125586 Over a year ago

What if my list doesn't have a fixed length (e.g. In infinite scrolling)?

ElhamKeshavarz Over a year ago

@RichardMcFriendOluwamuyiwa Listview.builder is for a list with a specified length, you can use listview if you don`t know the length

Konstantin Over a year ago

it doesn't help in case with AnimatedList, unfortunately

B.shruti Over a year ago

I am using SliverList, where i dont find any option for specifying itemCount :(

Ojonugwa Jude Ochalifu Over a year ago

@ElhamKeshavarz your comment is wrong and misleading. This is the official description of the listview.builder:

This constructor is appropriate for list views with a large (or infinite) number of children because the builder is called only for those children that are actually visible.  Providing a non-null itemCount improves the ability of the ListView to estimate the maximum scroll extent.

|

grimmm · Accepted Answer · 2021-10-15 14:23:55Z

18

This error occurs when you run out of values when iterating over an array. In the case of the ListView component missing the itemCount prop, the component attempts to continue to iterate but is unaware when to complete so it eventually continues on out of range (the length of the array).

You could also see this error after running a poorly set up for loop. For example:

var arr = [1, 2, 3];

for (var i=0; i < 4; i++) {
    print(arr[i]);
}

This dart code would result in a range error as well. The array has 3 items yet we attempt to iterate 4 times.

answered Oct 15, 2021 at 14:23

grimmm

3463 silver badges5 bronze badges

Comments

Musfiq Shanta · Accepted Answer · 2022-06-10 03:49:45Z

5

if you use substring and if did not make condition properly then you will get an error

answered Jun 10, 2022 at 3:49

Musfiq Shanta

1,62518 silver badges11 bronze badges

3 Comments

Muhammad Faizan Over a year ago

its range issue, not related to substring

Musfiq Shanta Over a year ago

final showd = note.description.length > 60 ? note.description.substring(0, 50) : note.description; here you will get range error also

mohamed mostapha Over a year ago

I was using substring(0, 3) on a value that has only 1 character..placing a check of string.length solved the problem...mentioning the substring attribute led me to the culprit...thnx

replapp · Accepted Answer · 2022-01-21 19:26:18Z

3

In my case, my itemCount:list.lenght parameter was fine but somewhere in my listTile, I used wrong parameter for list.indexWhere() function .When I fix function, error was gone.

answered Jan 21, 2022 at 19:26

replapp

911 silver badge3 bronze badges

1 Comment

oupoup Over a year ago

Yes, you get the error in the outer list, but it may also have to do with a range error in another list called in the tile. Thank you!

MendelG · Accepted Answer · 2021-07-04 18:37:33Z

If you are using StreamBuilder then you must use this line of code:

  StreamBuilder(
                  stream: FirebaseFirestore.instance.collection("Tooth")
                  .orderBy("date", descending: false).snapshots() ,
                
                  builder: (BuildContext context, AsyncSnapshot<QuerySnapshot> snapshot){
                 
                    if(snapshot.hasData)
                    {
                      return ListView.builder(
                        itemCount: snapshot.data.docs.length,
                          padding: const EdgeInsets.only( top: 20.0),
                        itemBuilder: (BuildContext context, int index) {
                           DocumentSnapshot ds = snapshot.data.docs[index];
 },
                      );
                    }
                   
                  },
                ),

Marcel Hofgesang · Accepted Answer · 2022-09-27 20:43:16Z

1

The Listview.Builder contains itemcount attribute. You could try this:

Listview.Builder(
    itemCount : list.length,
    itemBuilde:(context, index)=>
);

edited Sep 27, 2022 at 20:43

Marcel Hofgesang

1,1101 gold badge20 silver badges39 bronze badges

answered Sep 22, 2022 at 5:06

ysakh

112 bronze badges

1 Comment

spetz83 Over a year ago

Than you for providing an answer. Unfortunately, your answer is just a duplicate of the accepted answer. In the future, please try to provide context with your answers, or explanations as to why the answer you are providing correctly solves the problem.

M Azam Khan · Accepted Answer · 2023-03-28 22:44:46Z

1

You miss the item count.

itemCount: item.length///item is your list name

hope answer the Question

answered Mar 28, 2023 at 22:44

M Azam Khan

3904 silver badges16 bronze badges

Comments

Rohit Mandiwal · Accepted Answer · 2021-07-24 00:31:33Z

0

This mainly occurs when you are using wrong index value to fetch data from list. in my case, I was doing the same mistake.

answered Jul 24, 2021 at 0:31

Rohit Mandiwal

10.5k5 gold badges75 silver badges89 bronze badges

Comments

anil kr maurya · Accepted Answer · 2023-02-16 06:08:17Z

0

This type Error Call indexoutofboundsexception in java but in dart case you get error like this
RangeError (index): Invalid value: Not in inclusive range 0..12: 13..........................#0
but you have write int lastElement = myList[myList.length]; instant of this **
int lastElement = myList[myList.length - 1];**
for example

  List<int> myList = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13];
int lastElement = myList[myList.length - 1]; // Accessing the 12th element

answered Feb 16, 2023 at 6:08

anil kr maurya

296 bronze badges

Comments

Nishant Jaiswal · Accepted Answer · 2024-02-25 18:40:24Z

-1

In my case also this error was due to substring on null value i just removed or used ?? and it solved "RangeError (index): Invalid value: Not in range 0..2, inclusive: 3" error.

answered Feb 25, 2024 at 18:40

Nishant Jaiswal

395 bronze badges

1 Comment

Muhammad Faizan Over a year ago

I was asking issue in my code 4 years ago, anyway, issue was with the length that I missed back then

Hamilton Hardy · Accepted Answer · 2024-09-07 18:52:44Z

-1

For me I was using SliverGrid but it's the same concept as the accepted answer.

SliverGrid(
                          gridDelegate:
                              const SliverGridDelegateWithFixedCrossAxisCount(
                            crossAxisCount: 3,
                            crossAxisSpacing: 4,
                            mainAxisSpacing: 4,
                          ),
                          delegate: SliverChildBuilderDelegate(
                              childCount: snapshot.data!.length,
                              (context, index) {
[more code]
}

Adding the childCount on the Sliver Delegate solved this issue for me.

answered Sep 7, 2024 at 18:52

Hamilton Hardy

972 silver badges9 bronze badges

Comments

Chintan Patel · Accepted Answer · 2020-06-25 04:30:53Z

-2

Widget getListView(){
  var itemList = getListElement();
   var list = ListView.builder(
     itemCount: itemList.length,
       itemBuilder:(context, index){
         return ListTile(
           title: Text(itemList[index]),   
         );
         }
   );
   return list;
}

answered Jun 25, 2020 at 4:30

Chintan Patel

111 bronze badge

Collectives™ on Stack Overflow

Flutter Error: RangeError (index): Invalid value: Not in range 0..2, inclusive: 3

12 Answers 12

10 Comments

Comments

3 Comments

1 Comment

Comments

1 Comment

Comments

Comments

Comments

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

12 Answers 12

10 Comments

Comments

3 Comments

1 Comment

Comments

1 Comment

Comments

Comments

Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related