create texture from camera roll dynamically

Not sure how to approach this, tried:

const pickedImage = await ImagePicker.launchImageLibraryAsync({
  base64: true,
  allowsEditing: false
});

if (pickedImage.cancelled) { return; }

const base64 = "data:image/jpeg;base64," + pickedImage.base64;
const uri = pickedImage.uri.replace("file://", "");
const file = pickedImage.uri;

const texture1 = await ExpoTHREE.createTextureAsync(base64); // error
const texture2 = await ExpoTHREE.createTextureAsync(uri); // error
const texture3 = await ExpoTHREE.createTextureAsync(file); // error
const texture4 = THREE.ImageUtils.loadTexture(base64); // white mesh
const texture5 = THREE.ImageUtils.loadTexture(uri);  // white mesh

const geometry = new THREE.PlaneGeometry(0.1, 0.1);
const material = new THREE.MeshLambertMaterial({
  map: texture // 1..5
});
const mesh = new THREE.Mesh(geometry, material);
mesh.position.z = -0.1;

this.scene.add(mesh);

Nothing seems to work 😃

[EvanBacon]

Base64 is not supported in EXGL texture rendering at the moment. The ImagePicker returns a uri that is formatted differently than other things, this will be fixed with a new version of expo-asset-utils. This issue tracks that: https://github.com/expo/expo-asset-utils/issues/1

[EvanBacon]

I would just recommend not using Base64. It’s really pricey to move over the bridge and there are ways to convert it to a localUri that would be just as expensive as incorporating it directly into the method. Let me know if I’m missing something here.