Git Product home page Git Product logo

nativescript-image-zoom's Introduction

NativeScript Image Zoom

npm npm Build Status

Installation

NativeScript 7x

  • tns plugin add @triniwiz/nativescript-image-zoom

NativeScript 6<

  • tns plugin add nativescript-image-zoom
tns plugin add nativescript-image-zoom

Configuration

IMPORTANT: Make sure you include xmlns:ui="nativescript-image-zoom" on the Page element

<ui:ImageZoom src="~/images/148080.jpg" maxZoom="5" minZoom="2"/>

Angular

import { registerElement } from 'nativescript-angular/element-registry';
registerElement('ImageZoom', () => require('nativescript-image-zoom').ImageZoom);
<ImageZoom src="~/images/148080.jpg" maxZoom="5" minZoom="2"></ImageZoom>

API

Properties

Property Default Type Required Description
maxZoom 5 number
minZoom 1 number
zoomScale 1 number
IOS only
src string

ScreenShots

IOS Android
IOS Android

nativescript-image-zoom's People

Contributors

dependabot[bot] avatar nathanwalker avatar triniwiz avatar yoat avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

nativescript-image-zoom's Issues

the image shown is the last one

Hello, thnks for the plugin, i have this problem: i set the image from url, the first time i open the page it's everything ok, but when i reload the page it opens the previous image, i set also the src to empty string and then set it, but with no success. what can i try?
here is my code:

<Page loaded="loaded" xmlns:shared="shared" xmlns:nsDrawer="nativescript-ui-sidedrawer" xmlns:ui="nativescript-image-zoom"
>
    <shared:actionbar></shared:actionbar>
    <nsDrawer:RadSideDrawer id="sideDrawer" showOverNavigation="true">
        <nsDrawer:RadSideDrawer.drawerContent>
            <shared:side-drawer></shared:side-drawer>
        </nsDrawer:RadSideDrawer.drawerContent>
        <nsDrawer:RadSideDrawer.mainContent>

            <GridLayout columns="*" rows="*">
                <ui:ImageZoom col="0" row="0" src="{{ event.pictureUrl }}" maxZoom="5" minZoom="1"/>
            </GridLayout>

        </nsDrawer:RadSideDrawer.mainContent>
    </nsDrawer:RadSideDrawer>
</Page>
var Observable = require("tns-core-modules/data/observable").Observable;
var moment = require('moment')
var LoadingIndicator = require("@nstudio/nativescript-loading-indicator").LoadingIndicator;
var loader = new LoadingIndicator();

moment.locale('it');

var pageData = new Observable();
var page;

exports.loaded = function (args) {
    loader.show();
    page = args.object;
    page.bindingContext = pageData;
    var gotData = page.page.navigationContext;

    pageData.set("event", []);
    pageData.set("event", gotData.event);
    loader.hide()
};

Could not find jp.wasabeef:glide-transformations:4.1.0.

This plugin might require an update. When building my app with ns build android, I'm getting this error:

Build file '/Users/whip/Documents/projectname/platforms/android/app/build.gradle' line: 575
A problem occurred configuring project ':app'.
Could not find jp.wasabeef:glide-transformations:4.1.0.
Required by:
    project :app

Command ./gradlew failed with exit code 1

Please, provide the following version numbers that your issue occurs with:

  • CLI: 8.2.3
  • Cross-platform modules: 8.2.3
  • Runtime(s): 8.2.2
  • Plugin(s):
    "dependencies": {
    "@nativescript-community/ui-collectionview": "^4.0.49",
    "@nativescript-community/ui-image": "^4.1.6",
    "@nativescript-community/ui-material-cardview": "^7.0.5",
    "@nativescript-community/ui-material-textfield": "^7.0.5",
    "@nativescript-community/ui-material-textview": "^7.0.5",
    "@nativescript/core": "^8.2.3",
    "@nativescript/firebase-core": "^2.0.1",
    "@nativescript/firebase-messaging": "^2.0.1",
    "@nativescript/theme": "^3.0.2",
    "@nstudio/nativescript-checkbox": "^2.0.5",
    "@nstudio/nativescript-loading-indicator": "^4.1.2",
    "@triniwiz/nativescript-image-zoom": "^4.1.2",
    "@triniwiz/nativescript-toasty": "^4.1.3",
    "@triniwiz/nativescript-youtubeplayer": "^4.1.4",
    "nativescript-exit": "1.0.1",
    "nativescript-gif": "^5.0.0",
    "nativescript-material-icons": "^1.0.3",
    "nativescript-permissions": "^1.3.12",
    "nativescript-phone": "^3.0.3",
    "nativescript-ui-autocomplete": "^8.0.1",
    "nativescript-ui-sidedrawer": "^10.0.2"
    },
    "devDependencies": {
    "@nativescript/android": "~8.2.2",
    "@nativescript/ios": "~8.2.3",
    "@nativescript/webpack": "^5.0.5-rc.0"
    }

pointerIndex out of range

Which platform(s) does your issue occur on?

  • iOS/Android/Both
  • iOS/Android versions
  • emulator or device. What type of device?

Please, provide the following version numbers that your issue occurs with:

When scaling out fast the app crashes
java.lang.IllegalArgumentException: pointerIndex out of range
at android.view.MotionEvent.nativeGetAxisValue(Native Method)
at android.view.MotionEvent.getX(MotionEvent:java:2387)

I found this thread
Baseflow/PhotoView#31
https://issuetracker.google.com/issues/36931456

  • CLI: 6.0.3 C
  • Runtime(s): android 6.0.1

Please, tell us how to recreate the issue in as much detail as possible.

Is there any code involved?

  • defaults

Module not found error in Angular

I'm trying to load this plugin in Angular 7.1.1

getting an error that says...

ERROR Error: Uncaught (in promise): TypeError: Could not load view for: ImageZoom.Error: Could not find module 'nativescript-image-zoom'.

Loading the following in main.ts

import { registerElement } from "nativescript-angular/element-registry";
registerElement('ImageZoom', () => require('nativescript-image-zoom').ImageZoom);

in the html:

    <StackLayout>
        <ImageZoom src="~/img/icon.jpg" maxZoom="5" minZoom="2"></ImageZoom>
    </StackLayout>

anyone help me out with this?

Memory leak with Big Images

Hello, every time I load an image with resolution greater than 2000px, the app hangs, gives memory problem. Memory leak. The solution would be to add to the plugin solutions like async image downloader with cache support. Example: nativescript-image-cache and nativescript-fresco. Can you do it?

Screenshots are not avaiable

When I open this repo, screenshots is not loading. If I open the pictures in new page, I get the following error:

Content length exceeded

Would you please share them here?

Objective-C class name "UIScrollViewDelegateImpl" is already in use - using "UIScrollViewDelegateImpl1" instead.

Hello
I encountered an error after updating the new version nativescript cli.

CONSOLE WARN file:///app/tns_modules/nativescript-image-zoom/image-zoom.js:100:14: Objective-C class name "UIScrollViewDelegateImpl" is already in use - using "UIScrollViewDelegateImpl1" instead.
-[PHAsset _isResizable]: unrecognized selector sent to instance 0x14dba5de0
***** Fatal JavaScript exception - application has been terminated. *****
Native stack trace:
1 0x101b19194 NativeScript::reportFatalErrorBeforeShutdown(JSC::ExecState*, JSC::Exception*, bool, bool)
2 0x101b4d8ec -[TNSRuntimeInspector reportFatalError:]
3 0x100c561d8
4 0x1becd0234
5 0x1bde9de3c
6 0x1bde910fc
7 0x1bde90a40
8 0x1bde9db84
9 0x1bebe7154
10 0x1becd5810
11 0x1becd74bc _CF_forwarding_prep_0
12 0x1eb8fac78
13 0x1eb8f8c04
14 0x1eb8f3e10
15 0x1025a4044 ffi_call_SYSV
16 0x1025a18dc ffi_call_int
17 0x1025a13a0 ffi_call
18 0x101ae14e4 NativeScript::FFICall::call(JSC::ExecState*)
19 0x102598484 vmEntryToNative
20 0x102398a14 JSC::Interpreter::executeCall(JSC::ExecState*, JSC::JSObject*, JSC::CallType, JSC::CallData const&, JSC::JSValue, JSC::ArgList const&)
21 0x101bb721c JSC::callSetter(JSC::ExecState*, JSC::JSValue, JSC::JSValue, JSC::JSValue, JSC::ECMAMode)
22 0x101c3acb8 JSC::JSObject::putInlineSlow(JSC::ExecState*, JSC::PropertyName, JSC::JSValue, JSC::PutPropertySlot&)
23 0x102438d84 llint_slow_path_put_by_id
24 0x10259b7f4 llint_entry
25 0x10259f8a4 llint_entry
26 0x10259f83c llint_entry
27 0x10259f83c llint_entry
28 0x10259f83c llint_entry
29 0x10259f83c llint_entry
30 0x10259f83c llint_entry
31 0x10259f8a4 llint_entry
JavaScript stack trace:
1 setImage@file:///app/tns_modules/nativescript-image-zoom/image-zoom.js:64:24
2 @file:///app/tns_modules/nativescript-image-zoom/image-zoom.js:64:24
3 applyAllNativeSetters@file:///app/tns_modules/tns-core-modules/ui/core/properties/properties.js:960:28
4 initNativeView@file:///app/tns_modules/tns-core-modules/ui/core/properties/properties.js:904:30
5 onResumeNativeUpdates@file:///app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js:626:36
6 _resumeNativeUpdates@file:///app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js:272:39
7 onLoaded@file:///app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js:231:34
8 @file:///app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js:311:98
9 callFunctionWithSuper@file:///app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js:304:13
10 callLoaded@file:///app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js:311:35
11 loadView@file:///app/tns_modules/tns-core-modules/ui/core/view-bas<\M-b\M^@\M-&>
JavaScript error:
file:///app/tns_modules/nativescript-image-zoom/image-zoom.js:64:24: JS ERROR Error: -[PHAsset _isResizable]: unrecognized selector sent to instance 0x14dba5de0

Which platform(s) does your issue occur on?

  • iOS
  • iOS versions 12.0
  • emulator or device. device

Please, provide the following version numbers that your issue occurs with:

  • CLI: 5.1.0

plugins
{
"description": "NativeScript Application",
"license": "SEE LICENSE IN ",
"readme": "NativeScript Application",
"repository": "",
"nativescript": {
"id": "org.nativescript.DosageApp",
"tns-ios": {
"version": "5.1.0"
}
},
"scripts": {
"lint": "tslint "app/**/*.ts""
},
"dependencies": {
"@angular/animations": "~6.0.6",
"@angular/common": "~6.0.6",
"@angular/compiler": "~6.0.6",
"@angular/core": "~6.0.6",
"@angular/forms": "~6.0.6",
"@angular/http": "~6.0.6",
"@angular/platform-browser": "~6.0.6",
"@angular/platform-browser-dynamic": "~6.0.6",
"@angular/router": "~6.0.6",
"nativescript-angular": "~6.0.6",
"nativescript-camera": "^4.0.2",
"nativescript-google-maps-sdk": "^2.6.1",
"nativescript-image-zoom": "^3.0.2",
"nativescript-imagepicker": "^6.0.4",
"nativescript-iqkeyboardmanager": "^1.3.0",
"nativescript-localstorage": "^2.0.0",
"nativescript-ng-shadow": "^2.1.0",
"nativescript-photo-zoom": "^1.0.1",
"nativescript-theme-core": "~1.0.4",
"nativescript-ui-listview": "^3.6.1",
"reflect-metadata": "~0.1.10",
"rxjs": "~6.1.0",
"tns-core-modules": "^5.1.1",
"zone.js": "^0.8.4"
},
"devDependencies": {
"@angular-devkit/build-angular": "~0.7.0-rc.0",
"@angular/compiler-cli": "~6.1.0-beta.1",
"babel-traverse": "6.26.0",
"babel-types": "6.26.0",
"babylon": "6.18.0",
"codelyzer": "~4.3.0",
"lazy": "1.0.11",
"nativescript-dev-sass": "^1.6.0",
"nativescript-dev-typescript": "^0.7.4",
"nativescript-dev-webpack": "~0.14.0",
"tslint": "~5.10.0",
"typescript": "~2.7.2"
}
}

Image not showing If image load from memory

When I am loading an image from memory then the image is not displayed. Image url content://com.android.providers.downloads.documents/document/msf%3A37

Which platform(s) does your issue occur on?

-Android

  • All Android version

@triniwiz

Dynamic Src Binding via Javascript

I am trying to use this plugin with bound variables in the source but am having trouble getting the image to load/display.

<ui:ImageZoom src="{{ 'http://www.my-content-url.com/' + dynamicDir + '/' + dynamicFilename }}" maxZoom="5" minZoom="2"/>

Manually adding the values being passed works. Also it's good to note that my code is initially passing blank default values and then trying to change the values once the data is available and loaded. Is this not possible with this plugin? Updating the src dynamically?

I thought maybe I could try to build the ImageZoom in javascript and add it to the parent view once the src URI is available but there isn't documentation on how I might go about that?

Any help here is much appreciated.

Module 'ImageZoom' not found

System.err: An uncaught Exception occurred on "main" thread.
System.err: Calling js method run failed
System.err: Error: Building UI from XML. @photos/photo-zoom-page.xml:30:17
System.err:  > Module 'ImageZoom' not found for element 'nativescript-image-zoom:ImageZoom'.
System.err:    > require's first parameter should be string

CLI 8.0.2

"dependencies": {
    "@nativescript-community/gps": "^3.0.0",
    "@nativescript-community/https": "^3.2.2",
    "@nativescript-community/ui-image": "^4.0.26",
    "@nativescript-community/ui-mapbox": "^6.2.9",
    "@nativescript-community/ui-pager": "^13.0.26",
    "@nativescript/camera": "^5.0.9",
    "@nativescript/core": "~8.0.0",
    "@nativescript/firebase": "^11.1.3",
    "@nativescript/imagepicker": "^1.0.5",
    "@nativescript/localize": "^5.0.4",
    "@nativescript/theme": "~3.0.1",
    "@nstudio/nativescript-floatingactionbutton": "^3.0.4",
    "@triniwiz/nativescript-image-zoom": "4.1.1",
    "@triniwiz/nativescript-toasty": "^4.1.3",
    "moment": "^2.29.1",
    "nativescript-dna-deviceinfo": "^3.7.1",
    "nativescript-imagecropper": "^4.0.1",
    "nativescript-intl": "^4.0.2",
    "nativescript-ripple": "^4.0.1"
  },
  "devDependencies": {
    "@nativescript/android": "8.0.0",
    "@nativescript/ios": "8.0.0",
    "@nativescript/types": "8.0.1",
    "@nativescript/webpack": "beta",
    "node-sass": "^6.0.1"
  },

Image-zoom

I have install the image-zoom plugin and then try to show image there so I'm getting the below error -

Module 'nativescript-image-zoom' not found for element 'nativescript-image-zoom:ImageZoom'.
System.err: > Class constructor View cannot be invoked without 'new'

Picasso error under android

Having an issue getting this to work under android; seems to work ok on ios.
tns --version: 4.1.0

On android getting the following runtime error:

System.err: TypeError: Cannot read property 'get' of undefined
System.err: File: "file:///data/data/org.nativescript.naturesnotebookmobile/files/app/tns_modules/nativescript-image-zoom/image-zoom.js, line: 14, column: 69

When I look at image-zoom.js line 14 it looks like it can't find Picasso:
this.picasso = com.squareup.picasso.provider.PicassoProvider.get();

Is there something I need to do to install Picasso for this plugin to work?

Thanks!

"stretch" is not working on iOS

Am using NativeScript-Vue, works well on Android but when running on iOS, the image stretched to fill the screen even though the stretch="aspectFit" attribute was set

<Page actionBarHidden="true" backgroundColor="#222222">
   <GridLayout rows="*">
      <StackLayout row="0" verticalAlign="center">
         <ImageZoom :src="source" maxZoom="3" minZoom="1" width="360dp" height="640dp" stretch="aspectFit" />
      </StackLayout>
   </GridLayout>
</Page>

Any idea? Thank you

Component does not load

Happens on iOS, not tested on Android. Ever since I updated my phone to iOS 13 the component no longer shows on the screen. I'm using it within a modal, but even within it's own page it still doesn't show.

Using NS 6.1, XCode 11 and iOS 13 on Catalina

local files in iOS

In NS 5.2, the plugin works great, but doesn't seem to accept local files in iOS, that is: file:///somepath/file.jpg.
Is there a workaround?

Image scaled incorrectly on iOS since NS5 and plugin version >3.0.0

While this used to work on iOS, with Nativescript 5 and plugin versions >3.0.0 the image now gets stretched across the whole container and does not respect the aspect ratio of the image.

I'm using

  • Angular 7.1
  • nativescript-image-zoom 3.0.3
  • tns-core-modules 5.1.0
  • tns-ios 5.1.1

SubsamplingScaleImageView is not a constructor

If the demo apps cannot help and there is no issue for your problem, tell us about it

I run 'tns plugin add nativescript-image-zoom' and everything installs fine.
The error occurs when I load a page with the ui:ImageZoom/ control present.
I do include the xlmns on the page element, but the application crashes with this error:
'TypeError: com.davemorrissey.labs.subscaleview.SubsamplingScaleImageView is not a constructor
File: image-zoom.js, line: 13, column: 15'

Which platform(s) does your issue occur on?

-Android

Please, provide the following version numbers that your issue occurs with:

  • CLI: 4.0.0
  • Cross-platform modules: 4.0.0
  • Runtime(s): Android -> 4.0.1
  • Plugin(s):
    "dependencies": {
    "font-awesome": "^4.7.0",
    "nativescript-accordion": "^5.0.3",
    "nativescript-image-zoom": "^1.1.1",
    "nativescript-localstorage": "^1.1.5",
    "nativescript-theme-core": "~1.0.4",
    "nativescript-ui-sidedrawer": "^4.0.0",
    "tns-core-modules": "^4.0.0"
    },
    "devDependencies": {
    "babel-traverse": "6.26.0",
    "babel-types": "6.26.0",
    "babylon": "6.18.0",
    "lazy": "1.0.11",
    "nativescript-dev-typescript": "^0.7.1",
    "typescript": "^2.8.3"
    }

Please, tell us how to recreate the issue in as much detail as possible.

I just installed it, and used it in xml as specified, with: src="~/res/img1.jpg" and no other attributes.

Is there any code involved?

<ActionBar title="Test">
    <GridLayout class="action-bar" columns="*, 7*">
        <Label col="0" class="fa" text="&#xf053;" tap="goBack"></Label>
    </GridLayout>
</ActionBar>

<StackLayout>
    <ui:ImageZoom src="~/res/img1.jpg"/>
</StackLayout>

Does it possible to use this plugin with NativeScript-Vue?

Any examples?

What I've tried:

import Vue from 'nativescript-vue';
import { ImageZoom } from 'nativescript-image-zoom';

Vue.component('ImageZoom', ImageZoom);
<template>
  <Page class="page" backgroundSpanUnderStatusBar="true" @loaded="loadPhoto" backgroundColor="#222222">
    <GridLayout rows="*">
      <StackLayout row="0" verticalAlign="center">
        <ImageZoom src="res://testimg" maxZoom="3" minZoom="1" width="400" height="400" backgroundColor="#77d94b" />
      </StackLayout>
    </GridLayout>
  </Page>
</template>

It does not crash, but it renders nothing.
Works fine if I change <ImageZoom ... /> to just <Image ... /> with the same attrs.

P.S.: it doesn't crash on iOS, but on Android the app crashes on startup.

Loaded Event?

Is there a loaded event or a way to trigger a function when the images is loaded?

Image finished loading

Make sure to check the demo app(s) for sample usage

Yes

Make sure to check the existing issues in this repository

Yes

If the demo apps cannot help and there is no issue for your problem, tell us about it

Is there any way to detect when an image finished loading?

Which platform(s) does your issue occur on?

  • iOS/Android/Both

Android 11: Expected Android API level 21+ but was 30

√ Getting NativeScript components versions information...
√ Component nativescript has 7.1.2 version and is up to date.
√ Component @nativescript/core has 7.1.4 version and is up to date.
√ Component @nativescript/ios has ^7.1.1 version and is up to date.
√ Component @nativescript/android has 7.0.1 version and is up to date.

"@triniwiz/nativescript-image-zoom": "^4.0.0"

System.err: An uncaught Exception occurred on "main" thread.
Calling js method onCreateView failed
Error: java.lang.ExceptionInInitializerError

StackTrace:
createNativeView(file: src\packages\nativescript-image-zoom\index.android.ts:24:74)
    at _setupUI(file: src\packages\core\ui\core\view-base\index.ts:788:21)
    at (file: src\packages\core\ui\core\view-base\index.ts:837:9)
    at eachChildView(file: src\packages\core\ui\content-view\index.ts:77:3)
    at eachChildView(file: src\packages\core\ui\page\page-common.ts:145:8)
    at eachChild(file: src\packages\core\ui\core\view\view-common.ts:868:7)
    at _setupUI(file: src\packages\core\ui\core\view-base\index.ts:836:7)
    at _addViewCore(file: src\packages\core\ui\core\view-base\index.ts:672:8)
    at _addView(file: src\packages\core\ui\core\view-base\index.ts:658:7)
    at onCreateView(file: src\packages\core\ui\frame\index.android.ts:907:9)
    at onCreateView(file: src\packages\core\ui\frame\fragment.android.ts:32:33)
    at com.tns.Runtime.callJSMethodNative(Native Method)
    at com.tns.Runtime.dispatchCallJSMethodNative(Runtime.java:1302)
    at com.tns.Runtime.callJSMethodImpl(Runtime.java:1188)
    at com.tns.Runtime.callJSMethod(Runtime.java:1175)
    at com.tns.Runtime.callJSMethod(Runtime.java:1153)
    at com.tns.Runtime.callJSMethod(Runtime.java:1149)
    at com.tns.FragmentClass.onCreateView(FragmentClass.java:55)
    at androidx.fragment.app.Fragment.performCreateView(Fragment.java:2699)
    at androidx.fragment.app.FragmentStateManager.createView(FragmentStateManager.java:320)
    at androidx.fragment.app.FragmentManager.moveToState(FragmentManager.java:1199)
    at androidx.fragment.app.FragmentManager.moveToState(FragmentManager.java:1368)
    at androidx.fragment.app.FragmentManager.moveFragmentToExpectedState(FragmentManager.java:1446)
    at androidx.fragment.app.FragmentManager.moveToState(FragmentManager.java:1509)
    at androidx.fragment.app.BackStackRecord.executeOps(BackStackRecord.java:447)
    at androidx.fragment.app.FragmentManager.executeOps(FragmentManager.java:2181)
    at androidx.fragment.app.FragmentManager.executeOpsTogether(FragmentManager.java:2004)
    at androidx.fragment.app.FragmentManager.removeRedundantOperationsAndExecute(FragmentManager.java:1959)
    at androidx.fragment.app.FragmentManager.execPendingActions(FragmentManager.java:1861)
    at androidx.fragment.app.FragmentManager$4.run(FragmentManager.java:413)
    at android.os.Handler.handleCallback(Handler.java:938)
    at android.os.Handler.dispatchMessage(Handler.java:99)
    at android.os.Looper.loop(Looper.java:223)
    at android.app.ActivityThread.main(ActivityThread.java:7656)
    at java.lang.reflect.Method.invoke(Native Method)
    at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:592)
    at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:947)
Caused by: java.lang.ExceptionInInitializerError
    at okhttp3.internal.platform.Platform.get(Platform.java:85)
    at okhttp3.OkHttpClient.newSslSocketFactory(OkHttpClient.java:263)
    at okhttp3.OkHttpClient.<init>(OkHttpClient.java:229)
    at okhttp3.OkHttpClient$Builder.build(OkHttpClient.java:1015)
    at com.squareup.picasso.OkHttp3Downloader.<init>(OkHttp3Downloader.java:71)
    at com.squareup.picasso.OkHttp3Downloader.<init>(OkHttp3Downloader.java:50)
    at com.squareup.picasso.OkHttp3Downloader.<init>(OkHttp3Downloader.java:40)
    at com.squareup.picasso.Picasso$Builder.build(Picasso.java:804)
    at com.squareup.picasso.provider.PicassoProvider.get(PicassoProvider.java:34)
    ... 26 more
Caused by: java.lang.IllegalStateException: Expected Android API level 21+ but was 30
    at okhttp3.internal.platform.AndroidPlatform.buildIfSupported(AndroidPlatform.java:238)
    at okhttp3.internal.platform.Platform.findPlatform(Platform.java:202)
    at okhttp3.internal.platform.Platform.<clinit>(Platform.java:79)
    ... 35 more

Image not showing Android

Which platform(s) does your issue occur on?

  • Android Nougat, Lollipop
  • Honor 8, Nexus 4

Please, provide the following version numbers that your issue occurs with:

  • CLI: 3.4.0
  • Cross-platform modules: 3.4.0
  • Runtime(s): 3.4.0
  • Plugin(s):

"dependencies": {
"nativescript-image-zoom": "^1.1.1",
"nativescript-theme-core": "^1.0.4",
"nativescript-unit-test-runner": "^0.3.4",
"tns-core-modules": "^3.4.0"
},
"devDependencies": {
"awesome-typescript-loader": "~3.1.3",
"babel-traverse": "6.12.0",
"babel-types": "6.11.1",
"babylon": "6.8.4",
"copy-webpack-plugin": "~4.0.1",
"css-loader": "~0.28.7",
"extract-text-webpack-plugin": "~3.0.0",
"filewalker": "0.1.2",
"jasmine-core": "^2.5.2",
"karma": "^1.3.0",
"karma-jasmine": "^1.0.2",
"karma-nativescript-launcher": "^0.4.0",
"lazy": "1.0.11",
"nativescript-css-loader": "~0.26.0",
"nativescript-dev-typescript": "^0.6.0",
"nativescript-dev-webpack": "^0.9.0",
"nativescript-worker-loader": "~0.8.1",
"raw-loader": "~0.5.1",
"resolve-url-loader": "~2.1.0",
"tns-platform-declarations": "^3.1.0",
"tslint": "~5.4.3",
"typescript": "~2.3.0",
"webpack": "~3.8.1",
"webpack-bundle-analyzer": "^2.8.2",
"webpack-sources": "~1.0.1"
},

Please, tell us how to recreate the issue in as much detail as possible.

I simply cloned your repo and tried to run. On iOS emulator runs great, on my android devices the images are not shown

How to get image zoom scale

Hi
I wonder is there any way to know the current zoom scale?

such as I may zoom the image, but i wish to know how many times the current image bigger/smaller than original/default image

Thanks!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.