React Templates & Themes Logo React Templates & Themes
React Native Example screenshot

React Native Example

Author Avatar Theme by Bartgryszko
Updated: 25 Sep 2015
258 Stars

ReactNative iOS app that fetches your current location and display Intstagram photos that were made near to you

Github

Categories

React native

Overview

The React Native Example is a simple iOS app that utilizes React Native to fetch the user’s current location and display Instagram photos taken near them. The app uses the Instagram API for fetching photos, MapView for displaying the location on the map, and Animated for simple animations.

Features

  • Location Fetching: Fetches the user’s current location.
  • Instagram API Integration: Utilizes the Instagram API to fetch photos.
  • MapView Display: Shows the location on the map.
  • Animated: Implements simple animations.

Installation

  1. Register a new client on Instagram Developer.
  2. Set INSTAGRAM_CLIENT_ID in src/MediaList.jsx to your client ID.
  3. Run the following commands in the terminal:
npm install
npm start
  1. Open AroundMe.xcodeproj in Xcode and run the project.

Summary

The React Native Example showcases how to build a simple iOS app using React Native to fetch the user’s location and display Instagram photos nearby. By integrating the Instagram API, utilizing MapView for location display, and implementing simple animations with Animated, the app provides a basic yet functional demonstration of these features.