[request] Add to Expo?

[allpwrfulroot]

Would it be possible to add this awesome package to the React Native project Expo? Unfortunately it's incompatible with packages that require react-native link.

[nukes88]

im getting on my iOS device with the expo client:
undefined is not an object (evaluating 'RNFetchBlob.DocumentDir')

just by putting the import line at the top

This is the same problem right?

[wkh237]

This module must be linked. Otherwise, it will not work since many of APIs has a native implementation.

[aaronbwatkins]

This package is amazing. I'm using now expo too (which i love). I was using react-native-fetch-blob pre-expo and i LOVED it. Definitely a lifesaver. Now that I've built my app in Expo, I'm stuck again on getting images to Firebase. Is there a workaround to be able to use this package? Any recommendations would be amazing. Thanks so much!

[allpwrfulroot]

I've found a workaround with FormData (and scaphold.io not firebase):

async uploadImageAsync(uri, userId) {
    let formData = new FormData();
    formData.append("query", `
      mutation CreateFile($input: CreateFileInput!) {
        createFile(input: $input) {
          changedFile {
            id
            name
            blobMimeType
            blobUrl
            user {
              id
              username
            }
          }
        }
      }
    `)
    formData.append("variables", JSON.stringify({
      "input": {
        "name": "Profile Picture",
        "userId": `${userId}`,
        "blobFieldName": "photo"
      }
    }))
    formData.append('photo', {
      uri,
      name: `photo.jpg`,
      type: `image/jpg`
    })

    let options = {
      method: 'POST',
      headers: {
        'Content-Type': 'multipart/form-data',
      },
      body: formData
    }
    return fetch(`https://${config.scapholdUrl}`, options)
  }

[aaronbwatkins]

thanks a lot @allpwrfulroot - really appreciate the assist.

[BuildWithLal]

for anyone who may wants to use react-native-fetch-blob with expo.
expo is not compatible with any other package which requires react-native link command.
there is a way discussed in expo documentation called expo-detach which allows you integrate native modules with expo.

[leanminmachine]

So is there really no possible alternative libraries to be used to integrate react-native with firebase if im on Expo other than to detach my Expo project :(

[cloudonshore]

@leanminmachine you can also base64 encoding option in the expo v18 ImagePicker (https://docs.expo.io/versions/v18.0.0/sdk/imagepicker.html#content), and then write the base64 string to firebase storage. Something like this:

import { ImagePicker } from 'expo'
import firebase from 'firebase'
async function takeAndUploadPhotoAsync() {
    const result = await ImagePicker.launchCameraAsync({
        base64: true
    })
   const imagesRef = firebase.storage().ref('/images')
   imagesRef.child('my_pic.jpg').putString(result.base64, 'base64').then(snapshot => {
       console.log("uploaded image!")
   })
}