imagepicker with NativeScript Vue is not working
Personne n'a encore pris cette issue.
Évaluation
- Difficulté
- 4/5
- Temps estimé
- 3-5 jours
- Accessibilité débutants
- 25/100
- Type d'issue
- Bug
- Clarté
- À clarifier
- Activité
- À l'abandon
- Stack technique
- ios, typescript
- Domaine
- mobile-dev
Piste de recherche
Commencez par exécuter la démo StackBlitz liée sur iOS et inspectez app/components/Home.vue ; app/app.css est disponible dans le cadre de la démo. Reproduisez la sélection d’image et comparez l’objet de sélection renvoyé avec la undefined uri enregistrée dans l’issue. C’est terminé lorsque l’image sélectionnée expose une URI utilisable dans l’exemple NativeScript Vue.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Description
Hello,
I'm writing an application in nativescript vue where I need to pick an image on iOS Photo Library.
For that I wanted to use the imagepicker plugin.
Authorization is working and I can select the pictures, but unfortunately as result I got that the uri is undefined.
Here after my code :
<template>
<Page @loaded="onPageLoaded">
<ActionBar title="Select Image" />
<StackLayout>
<Button text="Select Image" @tap="onSelectImageTap" />
<Image v-if="selectedImage" :src="selectedImage" stretch="aspectFill" />
</StackLayout>
</Page>
</template>
<script>
import * as ImagePicker from 'nativescript-imagepicker';
export default {
data() {
return {
selectedImage: null,
imagePicker: null // Initialize imagePicker property
};
},
methods: {
onPageLoaded() {
this.imagePicker = ImagePicker.create({
mode: 'single' // or 'multiple'
});
},
async onSelectImageTap() {
try {
if (!this.imagePicker) {
console.error('ImagePicker is not initialized.');
return;
}
await this.imagePicker.authorize();
const selection = await this.imagePicker.present();
console.log('Selection:', selection.map(item => ({ uri: item.uri })));
if (selection && selection.length > 0 && selection[0].uri) {
this.selectedImage = selection[0].uri;
} else {
console.error('No image selected or URI is undefined.');
}
} catch (error) {
console.error('Error selecting image:', error);
}
}
}
};
</script>
It seems that the same issue is happing also on the demo available under : https://www.npmjs.com/package/@nativescript/imagepicker#demo -> https://stackblitz.com/edit/nativescript-vue3-beta-krjk9k?file=app%2Fcomponents%2FHome.vue,app%2Fapp.css
Can you support me on this issue?
- Langage dominant
- TypeScript
- Étoiles
- 206
- Forks
- 123
- Merge moyen
- 2 j 1 h
- PR mergées (30 j)
- 1
Guide de contribution
Ouvrir le guide de contribution
Par où commencer
- Lisez l'issue en entier, puis le guide de contribution du projet.
- Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
- Forkez le dépôt et travaillez sur une branche.
- Ouvrez une pull request qui référence le numéro de l'issue.
Autres issues de NativeScript/plugins
-
Difficulté 1/5 Moins d'une heure Accessibilité débutants 92/100
NativeScript/plugins#680 ·
-
Difficulté 2/5 1-3 heures Accessibilité débutants 82/100
NativeScript/plugins#671 ·
-
Difficulté 1/5 Moins d'une heure Accessibilité débutants 72/100
NativeScript/plugins#640 ·
-
Difficulté 4/5 3-5 jours Accessibilité débutants 45/100
NativeScript/plugins#668 ·
-
Difficulté 4/5 3-5 jours Accessibilité débutants 45/100
NativeScript/plugins#665 · 1 commentaire ·
Toutes les issues de NativeScript/plugins
Issues similaires
-
Type/Bug
Difficulté 2/5 1-3 heures Accessibilité débutants 78/100
OpenNSW/nsw-srilanka#497 ·
-
Difficulté 2/5 1-3 heures Accessibilité débutants 72/100
0xMiden/bridge-portal#132 ·
-
react-doctor severity:warning tech-debt
Difficulté 1/5 Moins d'une heure Accessibilité débutants 88/100
digidem/comapeo-cloud-app#403 ·
-
Difficulté 2/5 1-3 heures Accessibilité débutants 72/100
-
Difficulté 2/5 1-3 heures Accessibilité débutants 78/100