It's been a while since I've done any Native development! But...I'm helping on a

Dang, that was it! Thank you <a class="user-mention notranslate" data-hovercard-type="

Welcome back <a class="user-mention notranslate" data-hovercard-type="user" data-hover

Hi <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="

[@nativescript/imagepicker] Error when trying to display a chosen picture about plugins HOT 4 CLOSED

rdlauer commented on July 17, 2024

[@nativescript/imagepicker] Error when trying to display a chosen picture

from plugins.

Comments (4)

rdlauer commented on July 17, 2024 3

Dang, that was it! Thank you @NathanWalker and I have to say after coming back to {N} after all these years, the dev experience is really slick. 🙏

from plugins.

NathanWalker commented on July 17, 2024 1

Thank you for confirming, let us know any other snags - your feedback is always much appreciated!

from plugins.

shiv19 commented on July 17, 2024 1

Welcome back @rdlauer 😄

from plugins.

NathanWalker commented on July 17, 2024

Hi @rdlauer! Indeed 2.0 and above brought a small breaking change in the return result to provide more rich information noted here:
https://github.com/NativeScript/plugins/tree/main/packages/imagepicker#installation - can see the Note in that section.

Looking at the SB sample looks like this:

imagePicker
      .authorize()
      .then(() => {
        return imagePicker.present();
      })
      .then((selection) => {
        console.log('Selection done: ' + JSON.stringify(selection));

just needs to be updated to this:

imagePicker
      .authorize()
      .then(() => {
        return imagePicker.present();
      })
      .then((selection) => {
        console.log('Selection done: ' + JSON.stringify(selection));
        this.set(
          'imageSrc',
          this.isSingleMode && selection.length > 0 ? selection[0].asset : null
        );

        // set the images to be loaded from the assets with optimal sizes (optimize memory usage)
        selection.forEach((item: imagePickerPlugin.ImagePickerSelection) => {
          item.asset.options.width = this.isSingleMode
            ? this.previewSize
            : this.thumbSize;
          item.asset.options.height = this.isSingleMode
            ? this.previewSize
            : this.thumbSize;
        });

        this.set(
          'imageAssets',
          selection.map((item, i) => ({ imageAsset: item.asset, index: i }))
        );
      })

This forked SB has the change: https://stackblitz.com/edit/nativescript-stackblitz-templates-1byxnc?file=package.json,app%2Fmain-view-model.ts

Stackblitz has a Wasm issue on file uploads at moment so if link doesn't run in Preview, you can run it locally.
Let us know if that clears ya!

from plugins.

Recommend Projects