reactjs - 动态改变React Native平面列表中的列数

Question

我有一个 FlatList，我想根据方向更改列数。但是，当我执行此操作时，我会出现红屏。根据红屏错误消息，我不太确定应该如何更改 key 属性。如有任何帮助，我们将不胜感激。

      // 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} />}
      />}

Answer 1

来自documentation ，看来你应该做这样的事情

key={(this.state.horizontal ? 'h' : 'v')}