More Premium Hugo Themes Premium React Themes

React Native Example

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

React Native Example

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

Author Avatar Theme by bartgryszko
Github Stars Github Stars: 258
Last Commit Last Commit: Sep 25, 2015 -
First Commit Created: Feb 24, 2024 -
React Native Example screenshot

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.