水平为true时，百分比不适用于FlatList渲染项

Question

我想在horizontal FlatList的渲染项上使用屏幕的宽度。但是，它没有按预期工作。如果horizontal为false，则百分比值有效。但是当class App extends React.Component { _renderItem = ({ item }) => { return ( <View style={{ width: '100%', height: 100, }}> <Text>{item.key}</Text> </View> ); }; render() { return ( <View style={styles.container}> <FlatList data={[{ key: 1 }, { key: 2 }, { key: 3 }]} renderItem={this._renderItem} horizontal={true} /> </View> ); } } 为真时，百分比值不起作用。

{{1}}

Snack link when the FlatList is horizontal

Snack link when the FlatList is NOT horizontal

Answer 1

我想我记得有人提到过类似的东西。使用Dimensions适用于此处。见这里：https://snack.expo.io/H1-wnC5HM

我宁愿用flex或百分比来解决它。