Comments (13)
Same question.
from react-native-panorama-view.
This is currently not supported, since we didn't have a business requirement for it.
We're using the built-in image loader from React Native on iOS and a custom one for Android. So adding local images, involves writing some more native code.
You're welcome to contribute :)
from react-native-panorama-view.
I've been working on some bug fixes and improvements on my own fork (https://github.com/cristianoccazinsp/react-native-panorama-view/tree/updates). The fork is still not ready/finished, and perhaps not 100% adequate for a merge, but among other things, I've added local images support.
I'm not making a PR yet since I did some readme updates for my own fork, and removed some .ts / compilation steps in order to develop and test faster (having to run a build script or setup a .ts environment was too much of a hassle), but perhaps @rodymolenaar we can come up with a good way to merge these changes once I'm done with them.
from react-native-panorama-view.
Alright! Just @ping me when you're done so that I can review it :)
from react-native-panorama-view.
any updates on this?
from react-native-panorama-view.
On my fork (https://github.com/cristianoccazinsp/react-native-panorama-view/tree/updates), it is working fine with a few extra install instructions. You may fork it and use it meanwhile, or wait for @rodymolenaar to finish the merge.
from react-native-panorama-view.
On my fork (https://github.com/cristianoccazinsp/react-native-panorama-view/tree/updates), it is working fine with a few extra install instructions. You may fork it and use it meanwhile, or wait for @rodymolenaar to finish the merge.
Im expecting for this function, but i dont know how to put a route to local file in your fork. Im getting a black screen in the image show. I hope you can help to use this function.
from react-native-panorama-view.
Should be as simple as imageUrl={file://path/to/your/file}
from react-native-panorama-view.
Sorry but i cant make it work
<PanoramaView
style={{flex: 1}}
dimensions={{
height: Dimensions.get('window').height,
width: Dimensions.get('window').width,
}}
inputType="mono"
imageUrl={'file:/' + pathName}
/>
pathName is something like /data/data/com.reinadoapp/filesparquebolivar.jpg
from react-native-panorama-view.
First, you need to install the library directly from github, for example:
packages.json
"react-native-panorama-view": "github:cristianoccazinsp/react-native-panorama-view#updates",
Then, if you read the fork's install instructions, there's this:
Add the following to your project's Podfile (TODO: Remove this once CTPanoramaView is updated) pod 'CTPanoramaView', :git => 'https://github.com/cristianoccazinsp/CTPanoramaView.git', :branch => 'control-both' $ cd ios && pod install Note: You may need to delete your Podfile.lock file before running pod install
Then it should work. Keep in mind that the local file update was for files normally accessible to the app. If your file is bundled as static images, it may not work (I haven't really tested that)
from react-native-panorama-view.
does this support image added inside the app ?
from react-native-panorama-view.
For images stored on the device within the app's storage (e.g., taking a photo with a camera) it does. For images stored as static resources, I haven't really tested that case. I believe it should work if the images are static resources in react native, but it probably won't if they are java/IOS static resources.
from react-native-panorama-view.
@cristianoccazinsp Thanks !
from react-native-panorama-view.
Related Issues (20)
- Can i get (FOV, theta, phi, height, width) information ?
- I'm using expo and i got this error: requireNativeComponent: "PanoramaView" was not found in the UIManager HOT 4
- Module 'CTPanoramaView' not found HOT 3
- Any plan to add function to add hotspot on image ? HOT 1
- Vertical Scrolling doesn't work on Android. Any solution please ? HOT 2
- API 'variant.getJavaCompile()' is obsolete and has been replaced with 'variant.getJavaCompileProvider()' HOT 2
- React 16.5.0 Dependency
- Pod Error IOS installation HOT 8
- Promote canary to release? HOT 2
- on touch image crash in android. HOT 8
- iOS build fails if request type is optional HOT 5
- Please remove usages of `jcenter()` error HOT 1
- Can I add hotspot in PanoramaView ?
- Could not find com.google.vr:sdk-base:1.180.0 on Android for Latest Rn Version 0.66.0 HOT 14
- Tracking is not working on iOS HOT 1
- Android: finger movements raises `Cannot find EventEmitter for receivedTouches`
- [ANDROID] :: Showing blank space on both top and bottom of the panaroma image when it doesn't meet its squared resolutions
- new version HOT 2
- Android support for grade 7^ HOT 6
- "PanoramaView" was not found in UIManager HOT 10
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-native-panorama-view.