我有一个FlatList我想根据方向更改列数的地方。但是，当我这样做时，我得到了红屏。根据红屏错误消息，我不太确定应该如何更改关键props。任何帮助表示赞赏。
// dynamically changing number of columns
const numCols = orientation === constants.PORTRAIT ? 3 : 8
<FlatList
keyExtractor={(_, i) => i}
numColumns={numCols} // assigning the number of columns
horizontal={false}
renderItem={({ item }) => <ListItem imageUrl={item.url} />}
/>}
从文档中，看起来你应该做这样的事情
key={(this.state.horizontal ? 'h' : 'v')}
我是用钥匙做的
numColumns = {this.state.columnCount}
key={this.state.columnCount}
将不断变化的值传递给 FlatList 本身。它与 keyExtractor 或 renderItem 方法中的关键属性无关：
<FlatList key={changingValue} .. />
应该解决它。
const [numCols, setColumnNo] = useState(0);
<FlatList
key={numCols}
numColumns={numCols}
...
/>
<FlatList
data={props.localFolders}
style={{ width: "100%" }}
numColumns={4}
key={4}
renderItem={({ item }) => <LocalFolder {...item} />}
keyExtractor={(item) => item.id.toString()}
/>
为我工作