Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Guardar imagens para usar offline

Bom dia, estou fazendo um app em React Native, e comecei a alterar a mesma para que possa funcionar offline, acontece que para isso ser funcional, é preciso guardar de alguma forma algumas imagens que vem de uma api para que possa usar as mesmas quando estiver offline. Gostaria de saber como posso fazer isso.

Garanta sua matrícula hoje e ganhe + 2 meses grátis

Continue sua jornada tech com ainda mais tempo para aprender e evoluir

Quero aproveitar agora
1 resposta
solução!

Supondo que a sua API envie como resposta uma string que seja a imagem no formato Base64, você teria duas opções:

1 - Gravar a imagem em alguma pasta, utilizando a biblioteca react-native-fs e converter a string Base64 em imagem, ou

2 - Gravar a imagem em formato Base64 no aplicativo, a forma mais simples seria utilizar AsyncStorage, mas você pode pensar em algo mais sofisticado, como PouchDB ou Realm

Se a API retorna o link da imagem, você teria ou que baixar e gravar em alguma pasta, ou converter a imagem do link em Base64 e gravar em banco.

Aqui tem alguns links que podem dar algumas idéias:

https://stackoverflow.com/questions/48134397/react-native-save-base64-image-to-album

https://stackoverflow.com/questions/34908009/react-native-convert-image-url-to-base64-string

https://til.hashrocket.com/posts/b209c6ba05-how-to-render-base64-encoded-image-on-react-native