change Header Search Paths

.gitignore

@@ -0,0 +1,28 @@
+# OSX
+#
+.DS_Store
+
+# Xcode
+#
+build/
+*.pbxuser
+!default.pbxuser
+*.mode1v3
+!default.mode1v3
+*.mode2v3
+!default.mode2v3
+*.perspectivev3
+!default.perspectivev3
+xcuserdata
+*.xccheckout
+*.moved-aside
+DerivedData
+*.hmap
+*.ipa
+*.xcuserstate
+project.xcworkspace
+
+# node.js
+#
+node_modules/
+npm-debug.log

src/VolumeSlider.js → VolumeSlider.js

@@ -1,21 +1,21 @@
+/* @flow */
 'use strict';
 
-var NativeMethodsMixin = require('NativeMethodsMixin');
-var PropTypes = require('ReactPropTypes');
-var React = require('React');
-var StyleSheet = require('StyleSheet');
-var View = require('View');
+import React from 'react-native';
 
-var requireNativeComponent = require('requireNativeComponent');
+const {
+  requireNativeComponent,
+  PropTypes,
+  StyleSheet,
+  Component
+} = React;
 
 type Event = Object;
 
-var VolumeSlider = React.createClass({
-  mixins: [NativeMethodsMixin],
+class VolumeSlider extends Component {
 
-  propTypes: {
-
-    /**
+  static propTypes = {
+        /**
      * The color used for the thumb.
      */
     thumbTintColor: PropTypes.string,
@@ -29,7 +29,6 @@ var VolumeSlider = React.createClass({
       height: PropTypes.number
     }),
 
-
     /**
      * The color used for the track to the left of the button. Overrides the
      * default blue gradient image.
@@ -45,14 +44,12 @@ var VolumeSlider = React.createClass({
     /**
      * Callback continuously called while the user is dragging the slider.
      */
-    onValueChange: PropTypes.func,
-  },
+    onValueChange: PropTypes.func
+  };
 
-  getDefaultProps() {
-    return {
-      thumbSize: { width: 40, height: 40 },
-    };
-  },
+  static defaultProps = {
+    thumbSize: { width: 40, height: 40 },
+  };
 
   render() {
 
@@ -71,15 +68,16 @@ var VolumeSlider = React.createClass({
       />
     );
   }
-});
 
-var styles = StyleSheet.create({
+}
+
+const styles = StyleSheet.create({
   slider: {
     flex: 1,
     height: 40,
   },
 });
 
-var RNVolumeView = requireNativeComponent('VolumeSlider', VolumeSlider);
+const RNVolumeView = requireNativeComponent('VolumeSlider', VolumeSlider);
 
-module.exports = VolumeSlider;
+export default VolumeSlider

ios/RNVolumeSlider.xcodeproj/project.pbxproj

@@ -217,6 +217,8 @@
 		B15A78651C561BA20027C1CE /* Debug */ = {
 			isa = XCBuildConfiguration;
 			buildSettings = {
+				GCC_USE_STANDARD_INCLUDE_SEARCHING = YES;
+				HEADER_SEARCH_PATHS = "$(SRCROOT)/../../react-native/React/**";
 				OTHER_LDFLAGS = "-ObjC";
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				SKIP_INSTALL = YES;
@@ -226,6 +228,8 @@
 		B15A78661C561BA20027C1CE /* Release */ = {
 			isa = XCBuildConfiguration;
 			buildSettings = {
+				GCC_USE_STANDARD_INCLUDE_SEARCHING = YES;
+				HEADER_SEARCH_PATHS = "$(SRCROOT)/../../react-native/React/**";
 				OTHER_LDFLAGS = "-ObjC";
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				SKIP_INSTALL = YES;
@@ -251,6 +255,7 @@
 				B15A78661C561BA20027C1CE /* Release */,
 			);
 			defaultConfigurationIsVisible = 0;
+			defaultConfigurationName = Release;
 		};
 /* End XCConfigurationList section */
 	};

package.json

@@ -2,7 +2,7 @@
   "name": "react-native-volume-slider",
   "version": "0.1.0",
   "description": "React Native VolumeView component",
-  "main": "index.js",
+  "main": "VolumeSlider.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },
@@ -13,7 +13,7 @@
   "keywords": [
     "react-native",
     "ios",
-    "react-component\""
+    "react-component"
   ],
   "author": "Ilja Satchok",
   "license": "MIT",