Comments (7)
me too do you success?
from react-native-static-server.
I use this http://10.0.3.15:9000/18.jpg but I can't access the pictures I store, what should I do
from react-native-static-server.
Do I have your success, too? @naltimari @Taffyw @fchasen @frangeris
from react-native-static-server.
I couldnt make it work, but I did some research and it seems Android stores assets in a different way than iOS, so much so that the Android Sdk has an AssetManager class. Iām not sure this can be pulled off without writing a request handler that uses this Api for Android
from react-native-static-server.
Duplicate issue here - #6
Anyone find a solution? For both android and ios?
from react-native-static-server.
@Noitidart This is what I observed on simulators only.
import RNFS from "react-native-fs";
import StaticServer from "react-native-static-server";
const path =
Platform.OS === "ios"
? `${RNFS.DocumentDirectoryPath}/`
: "/storage/emulated/0/Download/";
let server = new StaticServer(8082, path);
async componentDidMount() {
const result = await server.start();
}
Appropriate path is set depending on the OS. Tweak the 'DocumentDirectoryPath' or the directory path from where you wanna serve appropriately and the server is run as shown above.
Now for the fun part, when you wanna actually serve a file from 'example' directory which is present directly in the path variable, this seems to work for IOS:
<WebView
source={{ uri: `http://localhost:8082/${this.props.path}/index.html` }}
style={{ flex: 1 }}
javaScriptEnabled={true}
/>
and for Android,
<WebView
source={{ uri: `http://localhost:8082/${this.props.path}` }}
style={{ flex: 1 }}
javaScriptEnabled={true}
/>
P.S: On Android, the path hardcoded pretty much should work for almost all real Android devices. I didn't test this functionality on a real IOS device, for lack thereof, but will do that soon and update this comment. Thanks!
from react-native-static-server.
You'll need to copy the files you want to server from the assets folder to the RNFS.DocumentDirectoryPath
using RNFS.copyFileAssets
: https://github.com/itinance/react-native-fs#copyfileassetsfilepath-string-destpath-string-promisevoid
from react-native-static-server.
Related Issues (20)
- Multiple resources in one server
- Server started but 404 on Webview HOT 1
- Not able to start server :-( HOT 4
- Doesn't seem to support TypeScript HOT 2
- TypeError: null is not an object (evaluating 'FPStaticServer.start') HOT 6
- Several questions about StaticServerExample/App.tsx
- apk Domain: undefined HOT 1
- Error: StaticServer could not start HOT 1
- The server is always serving the assets from the folder it was started the first time HOT 1
- Working ok with embedded JS but not with separate JS
- Exception in native call from js HOT 3
- Does not work alongside RN 0.67.x HOT 8
- Unmaintained - How can we fix that? HOT 2
- Compilation error with gradle 7 and react native latest version 0.69 HOT 5
- Cannot choose between the following variants of com.facebook.react:react-native:0.69.1 HOT 1
- iOS error:'GCDWebServer.h' file not found
- [request] Is it possible applying GCDWebUploader
- RN STATIC SERVER IS DEAD, LONG LIVE RN STATIC SERVER
- Fix For: Plugin with id 'maven' not found; 'mavenDeployer' not found; 'compile' not found HOT 2
- `keepAlive` doesn't work for iOS devices HOT 1
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-static-server.