Giter Club home page Giter Club logo

reactnativebackgrounduploadexample's Introduction

This is a React Native app and Express server that servers ars a very basic implementation of react-native-background-upload. Use this repo to experiment with the package, or fork this repo and use it to create a minimal reproduction of a bug or other issue when opening up a github issue on react-native-background-upload.

Usage

  1. Clone the repo
  2. yarn install
  3. npm run server
  4. Run the example app react-native run-ios or react-native run-android
  5. Tap the button in the mobile app to perform an upload.

If you are running on an Android enumlator/device and uploads don't 'just work', run adb reverse tcp:3000 tcp:3000 after react-native run-android. This will allow the device to communicate with the server. Otherwise it won't work.

Important files to look at

The React Native component that allows the user to choose an image from device and upload it to the localhost server.

Note: In the iOS simulator, you can add images and videos to the camera roll by dragging and dropping files from finder onto the simulator window. In the Android emulator you can usually use the emulator camera app to take test picture.

The express server that receives the upload and writes it to file.

Common issues

  1. If your server is not getting hit adb reverse tcp:3000 tcp:3000

Working on the react-native-background-upload package

If you are using this app to make changes to the react-native-background-upload package, you'll probably need to use the react-native-background-upload package from your file system and not from npm. To do this, edit the package.json to replace the existing version from npm like so:

"react-native-background-upload": "file:../react-native-background-upload",

Remember not to push this to github because it'll work for you but nobody else.

reactnativebackgrounduploadexample's People

Contributors

tsmmark avatar stevepotter avatar

Watchers

James Cloos avatar b3rday avatar

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.