列表渲染在同一行的反应原生节目中

Question

我有一个以native native呈现的列表，但我不知道为什么列表出现在同一行。目前，所有列表只显示在一行上，而不是显示在不同行上

<TouchableOpacity key={key} style={LoginStyle.imagenes}>
    <Image
        style={LoginStyle.imagenCofre}
        width={100}
        height={100}
        source={{uri: e.imagen }}
    />
    <Text>{e.texto}</Text>
</TouchableOpacity>

这是我的风格内容：

contenedorCofres:{
     flexDirection: 'row', 

     flex: 1, 
},
imagenes:{
    width:30,
    height:30
},
imagenCofre:{
    width:30,
    height:30,

    flex: 1 
}

https://snack.expo.io/B1G7J2Ndz