Mis datos se ven así
["https://files-bucket.s3.ap-southeast-1.amazonaws.com/61681a7d32ac23af58589eef/CompanyImages/CompanyImages.jpg","https://files-bucket.s3.ap-southeast-1.amazonaws.com/61681a7d32ac23af58589eef/CompanyImages/CompanyImages.jpg","https://files-bucket.s3.ap-southeast-1.amazonaws.com/61681a7d32ac23af58589eef/CompanyImages/CompanyImages.jpg","https://files-bucket.s3.ap-southeast-1.amazonaws.com/61681a7d32ac23af58589eef/CompanyImages/CompanyImages.jpg"]Ahora quiero mostrar estas 4 imágenes seguidas
Estoy mapeando así
{Data.CompanyImages.map((item) => { <View style={{flexDirection: 'row'}}> <Image style={{ height: 80, width: 80, marginTop: 1.5, borderRadius: 7, }} source={{uri: item}} /> </View>; })}pero no muestra nada por favor ayuda
Abra cualquier imagen de su lista en el navegador, puede ver que se devolvió un error, asegúrese de configurar las imágenes para acceso público en su S3 o ajuste su código para pasar algunos parámetros para indicar que el acceso a esas imágenes es válido y el S3 devuelve el contenido
Compruebe el enlace de su imagen
<Error> <Code>PermanentRedirect</Code> <Message>The bucket you are attempting to access must be addressed using the specified endpoint. Please send all future requests to this endpoint.</Message> <Endpoint>s3.amazonaws.com</Endpoint> <Bucket>files-bucket</Bucket> <RequestId>Z72TT83DFD04M8EJ</RequestId> <HostId>AMuc/KSYXayYgzkigho3CTqNluTLEDAI/EYUug3U4NKsJB8xbnJSDsFn8VlaNZ50N73EAWhi2p0=</HostId> </Error>Teniendo en cuenta que sus Data son válidos y Data.CompanyImages es la matriz que ha mostrado en su pregunta, veo dos problemas en su código.
JSX desde tu función de map .flexDirection = rowCambia tu mapa a,
<View style={{flexDirection: 'row'}}> // wrap list with flexDirection row {Data.CompanyImages.map((item) => ( //returning JSX with () <Image style={{ height: 80, width: 80, marginTop: 1.5, borderRadius: 7, }} source={{uri: item}} /> ))} </View>