平面列表响应本机

Question

我在使用平面列表时遇到问题，无法滚动我的列表...它是块，我的列表足够滚动

const tab_ad = [
    {"id": 0, "Price": 100000, "key": 0},
    {"id": 1, "Price": 100000, "key": 1},
    {"id": 2, "Price": 100000, "key": 2},
    {"id": 3, "Price": 100000, "key": 0},
    {"id": 4, "Price": 100000, "key": 1},
    {"id": 5, "Price": 100000, "key": 2},
    {"id": 6, "Price": 100000, "key": 0},
    {"id": 7, "Price": 100000, "key": 1},
    {"id": 8, "Price": 100000, "key": 2},   
]
export default class Event extends Component {
renderItem(item) {
        return (
            <Image source={path_default_picture} style={{width: 50, height: 50, margin: 5}}/>
        );
    }
render() {
    return (
        <View style={{flex: 1}}>
            <FlatList
                horizontal
                data={tab_ad}
                renderItem={(item) => this.renderItem(item)}
                keyExtractor={(item, index) => index}
             />
         </View>
    );
}

反应本机 CLI：2.0.1反应原生：0.49.3

有人可以帮助我吗？

Answer 1

FlatList 忽略具有相同键的值。玩了一会儿后我发现。问题很可能不是未启用滚动，而是您具有相似的值。

您能否尝试确保密钥在所有列表中都是唯一的？

如果没有，请用这个问题做点心