I recently opened up a new issue which might even be the "same" problem: #15

So basically, when I try to display an Image (remote via Url) it is not being shown. The App does not necessarily crash at the moment, unlike described in the mentioned issue #15 . But the image is simply not shown if it is too large - with smaller ones it works like a charm.

On iOS (again...), even with large images, everything works fine.

Any advice?

npm ERR! unregistered users are not allowed to access package @ldn0x7dc/react-native-view-pager : @ldn0x7dc/react-native-view-pager
npm ERR! 
npm ERR! If you need help, you may report this error at:
npm ERR!     <https://github.com/npm/npm/issues>

I get this error while trying to install this package or react-native-gallery, is this package private?

I want to be able to set an initial zoom for the image, how can I do this?

Hi,

once I release touch, the image bounces back to original position and size. Any idea what the problem might be?

After I downloaded this package and tried to use it I am geting an error. My code is in the below

import Image from 'react-native-transformable-image'

 ```
return (
            <Image source={{uri: 'http'}} style={s.backgroundImage} />
        );

When i zoom image it move towards left side of screen and disappear for seconds, and gets zoomed after than. Again when i pinched image it moves towards right side of screen and same things happens as it gets lost for some seconds. What might be the problems? i inserted this image component inside viewpagerAndroid.

i want to show image data as image , is there a way to do so..? @ldn0x7dc

Update version library in npm and documentation - not working method onSingleTapConfirmed

I'm using FastImage and wanted to know I can also use this package with FastImage - https://github.com/DylanVann/react-native-fast-image

你可以试试这个图片

HI guys. By any chance, any of you know how to use this module to perform a crop on the transformed image? From what I've tried, it feels like this module isn't really appropriate for cropping attempts as it really just transform the image scale/translation.
Hints welcome.

as the title.

Would be nice to set a loading view or an ActivityIndicator while loading the image.

When my account was compromised a spam issue was created in this repo. I sincerely apologize. Cleaning up such issues via script.

Hi @ldn0x7dc.

Can you publish new version (latest master with last commit) to npm?

Also for react-native-transformable-view?

Thanks.

Hi guys, we are receiving this error when we run yarn install:
yarn install
yarn install v1.13.0
[1/4] 🔍 Resolving packages...
[2/4] 🚚 Fetching packages...
error Command failed.
Exit code: 128
Command: git
Arguments: ls-remote --tags --heads https://github.com/dflourusso/react-native-transformable-image.git
Directory: /Users/gacilu/Code/frontm_mobile
Output:
fatal: could not read Username for 'https://github.com': terminal prompts disabled
info Visit https://yarnpkg.com/en/docs/cli/install for documentation about this command.

Any ideas?

import React from 'react';
import Image from 'react-native-transformable-image';
import { Modal, Dimensions, View } from 'react-native'
const { width, height } = Dimensions.get('window');
export default class TestImageView extends React.Component {
  render() {
    return (
      <Modal
        animationType={"none"}
        transparent={false}
        visible={true}
      >
        <View style={{flex: 1, alignItems: 'center'}}>
          <Image
            style={{width: width, height: height}}
            source={{ uri:'http://g.hiphotos.baidu.com/baike/pic/item/a8014c086e061d956cfdba6979f40ad162d9ca2c.jpg' }}
            pixels={{width:450,height:313}}

          />
        </View>
      </Modal>);
  }
}

it can not become bigger with 2 fingers, both in android and ios

Not exactly an issue, just a doubt... enableScale is pretty straight forward, but the others aren't.

Could you please explain them here and/or add to the README?

P.S.: Deep thanks for this awesome component, worked like a charm for me 😉

when i zoom an image it doesnot get static, it goes to its original position, and also double tap features is not available in android.

Warning: PropTypes has been moved to a separate package. Accessing React.PropTypes is no longer supported and will be removed completely in React 16. Use the prop-types package on npm instead. (https://fb.me/migrating-from-react-proptypes)

I add it in my project,but i don't work. package.json like some

"react": "17.0.1",
"react-native": "0.64.2",
"react-native-transformable-image": "^0.0.18"

get error message

ERROR TypeError: undefined is not an object (evaluating '_react.default.PropTypes.bool')
ERROR Invariant Violation: Module AppRegistry is not a registered callable module (calling runApplication). A frequent cause of the error is that the application entry file path is incorrect.
This can also happen when the JS bundle is corrupt or there is an early initialization error when loading React Native.

I’m new in React Native so not sure if is it a bug or just my misunderstanding but there is an issue for me when I call the onViewTransformed callback like that

import Image from ‘react-native-transformable-image’;

class Parent extends Component {

constructor(props) {
super(props);
this.transform = this.transform.bind(this);
this.state = {
scale: 1,
translateX: 0,
translateY: 0
};
}

handleTransform(data) {
this.setState({
scale: data.scale,
translateX: data.translateX,
translateY: data.translateY
});
}

render() {
return (
<Image
...
onViewTransformed={this.transform}
/>
);
}
}

it goes to an infinite loop.
React Native error sheet says that can be because of componentDidUpdate or componentWillUpdate method.

So what am I missing ??

Thanks in advance.

can this make it easy for cache image?

When using this module on Android my App crashes and I get the following error:

getImageSize...error={"framesToPop":1,"code":"E_GET_SIZE_FAILURE"}, source={"uri":"https://s3.eu-central-1.amazonaws.com/partyboote-staging/media/58598a1de2c26.jpg"}

On iOS it workes perfectly fine!
Here is how I try to use it:

...
import TransformableImage from 'react-native-transformable-image';
...
const screenHeight = Dimensions.get('window').height;
const screenWidth = Dimensions.get('window').width;
...

render() {
   ...
   return (
      ...
      <View style={{flex: 1}}>
          <TransformableImage
              resizeMode={'contain'}
              source={{uri: mediaUrl}}
              style={{height: screenHeight, width: screenWidth}}/>
      </View>
      ...
   )
}

Did I do something wrong?
I know that I used this module in an older project the same way I am trying to do here, and it worked.

Thanks in advance :)

Here is a screenshot:

collected in excellent-RN-libs

If I install react-native-transformable-image, it puts /Demo/ios/Demo into the Bild-Settings ⇒ Header Search Path, even in the Libs.

And at least, this Demo-Component cause an build-error.
So what's about this Demo. can I remove it, or does the Name "Demo" only a bad choosen Name vor a productive Component?