[Deprecated] iOS's Stocks App clone written in React Native for demo purpose (available both iOS and Android).
Switch branches/tags
Nothing to show
Clone or download
7kfpun Merge pull request #27 from jdonald/rn-upgrade
Upgrade to react-native 0.55 and fixup
Latest commit b590af6 Apr 17, 2018
Permalink
Failed to load latest commit information.
android Revert addition/removal of package-lock or mipmap/xxxhdpi/ic_launcher Apr 16, 2018
app React.PropTypes has been replaced by import 'prop-types' Apr 16, 2018
ios react-native-git-upgrade; react-native eject; combine index.js Apr 16, 2018
screenshots Add screenshots Jun 10, 2016
.babelrc Upgrade React Nativeversion to 0.44.2 May 31, 2017
.buckconfig Rewrite with react-native 0.26.3 Jun 9, 2016
.eslintrc Fix eslint Oct 9, 2016
.flowconfig react-native-git-upgrade; react-native eject; combine index.js Apr 16, 2018
.gitattributes Bump react-native version to 0.42.0 Mar 2, 2017
.gitignore react-native-git-upgrade; react-native eject; combine index.js Apr 16, 2018
.watchmanconfig initial commit Oct 8, 2015
Finance.js Rewrite with react-native 0.26.3 Jun 9, 2016
LICENSE add license Oct 15, 2015
README.md Upgrade React Nativeversion to 0.44.2 May 31, 2017
apk-download.png Add apk download link Jan 18, 2017
app-store.png Rewrite with react-native 0.26.3 Jun 9, 2016
app.json Upgrade React Nativeversion to 0.44.2 May 31, 2017
google-play.png Rewrite with react-native 0.26.3 Jun 9, 2016
index.js Disable new yellow componentWillMount() lifecycle warnings Apr 16, 2018
package.json react-native-git-upgrade; react-native eject; combine index.js Apr 16, 2018
previewAndroid.gif add android preview Oct 28, 2015
previewIOS.gif add android preview Oct 28, 2015
yarn.lock react-native-git-upgrade; react-native eject; combine index.js Apr 16, 2018

README.md

FinanceReactNative

Dependency Status devDependency Status

iOS's Stocks App clone written in React Native for demo purpose (available both iOS and Android). Data is pulled from Yahoo Finance.

Demo

Play Store Button Apk Download Button

  • Rejected by Apple reviewer 😄: "Your app is too similar to Apple Stock app, which creates a misleading association with Apple products."

App preview

Preview Preview

Screenshots

React and React Native version

Plugins used

  • alt - Isomorphic flux implementation.
  • moment - Parse, validate, manipulate, and display dates in javascript.
  • react-native-navbar - Navbar component for React Native.
  • react-native-router-flux - React Native Router based on new React Native Navigation API (0.26)
  • react-native-simple-store - A minimalistic wrapper around React Native's AsyncStorage.
  • react-native-vector-icons - 3000 Customizable Icons for React Native with support for NavBar/TabBar/ToolbarAndroid, image source and full stying.
  • rn-viewpager - ViewPager and Indicator component for react-native on both android and ios.

Components used

  • AppRegistry - The JS entry point to running all React Native apps.
  • Image - A React component for displaying different types of images, including network images, static resources, temporary local images, and images from local disk, such as the camera roll.
  • Linking - A general interface to interact with both incoming and outgoing app links.
  • ListView - A core component designed for efficient display of vertically scrolling lists of changing data.
  • Platform - A module is provided by React Native to detect what is the platform in which the app is running.
  • RefreshControl - This component is used inside a ScrollView or ListView to add pull to refresh functionality.
  • StatusBar - Component to control the app status bar.
  • StyleSheet - A StyleSheet is an abstraction similar to CSS StyleSheets.
  • Text - A React component for displaying text which supports nesting, styling, and touch handling.
  • TextInput - A foundational component for inputting text into the app via a keyboard.
  • ToolbarAndroid - React component that wraps the Android-only Toolbar widget.
  • TouchableHighlight - A wrapper for making views respond properly to touches.
  • View - The most fundamental component for building UI, View is a container that supports layout with flexbox, style, some touch handling, and accessibility controls, and is designed to be nested inside other views and to have 0 to many children of any type.

Additional

  • eslint: A fully pluggable tool for identifying and reporting on patterns in JavaScript.

Running

Clone & install

  • Clone this repo git clone git@github.com:7kfpun/FinanceReactNative.git
  • cd FinanceReactNative
  • run npm install

iOS

  • Run react-native run-ios

Android

  • Run android avd and start an emulator
  • Run react-native run-android

Related project

License

Released under the MIT License.