Breaking News: Grepper is joining You.com. Read the official announcement!

Invariant Violation: Changing numColumns on the fly is not supported. Change the key prop on FlatList when changing the number of columns to force a fresh render of the component.

mukashwasti_ answered on December 1, 2022 Popularity 7/10 Helpfulness 4/10

answer Invariant Violation: Changing numColumns on the fly is not supported. Change the key prop on FlatList when changing the number of columns to force a fresh render of the component.

Invariant Violation: Changing numColumns on the fly is not supported. Change the key prop on FlatList when changing the number of columns to force a fresh render of the component.

Comment

You can fix it by doing
{selected.length == 2 ?
<FlatList
   key={'_'}
   keyExtractor={item => "_" + item.id}
   renderItem={this.renderLastItem}
   data={subGroups}
   numColumns={1} /> 
   :
<FlatList
   key={'#'}
   keyExtractor={item => "#" + item.id}
   renderItem={this.renderItem}
   data={subGroups}
   numColumns={2} />
}

Popularity 7/10 Helpfulness 4/10 Language whatever

Source: stackoverflow.com

Tags: flatlist key on-the-fly prop render whatever when

Link to this answer
Share Copy Link