0.0.23

Fix #127

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-web",
-  "version": "0.0.21",
+  "version": "0.0.23",
   "description": "React Native for Web",
   "main": "dist/index.js",
   "files": [

src/apis/Dimensions/index.js

@@ -37,7 +37,7 @@ class Dimensions {
   }
 }
 
-Dimensions.set();
+Dimensions.set()
 ExecutionEnvironment.canUseDOM && window.addEventListener('resize', debounce(Dimensions.set, 50))
 
 module.exports = Dimensions

src/apis/NetInfo/index.js

@@ -56,8 +56,8 @@ const NetInfo = {
   isConnected: {
     addEventListener(type: string, handler: Function): { remove: () => void } {
       invariant(eventTypes.indexOf(type) !== -1, 'Trying to subscribe to unknown event: "%s"', type)
-      window.addEventListener('online', handler.bind(true), false)
-      window.addEventListener('offline', handler.bind(false), false)
+      window.addEventListener('online', handler.bind(null, true), false)
+      window.addEventListener('offline', handler.bind(null, false), false)
 
       return {
         remove: () => NetInfo.isConnected.removeEventListener(type, handler)
@@ -66,8 +66,8 @@ const NetInfo = {
 
     removeEventListener(type: string, handler: Function): void {
       invariant(eventTypes.indexOf(type) !== -1, 'Trying to subscribe to unknown event: "%s"', type)
-      window.removeEventListener('online', handler.bind(true), false)
-      window.removeEventListener('offline', handler.bind(false), false)
+      window.removeEventListener('online', handler.bind(null, true), false)
+      window.removeEventListener('offline', handler.bind(null, false), false)
     },
 
     fetch(): Promise {

src/components/Touchable/TouchableHighlight.js

@@ -105,9 +105,11 @@ var TouchableHighlight = React.createClass({
           backgroundColor: props.underlayColor,
         }
       },
-      underlayStyle: [
-        INACTIVE_UNDERLAY_PROPS.style
-      ]
+      underlayProps: {
+        style: {
+          backgroundColor: props.style.backgroundColor || null
+        }
+      }
     };
   },
 
@@ -203,10 +205,7 @@ var TouchableHighlight = React.createClass({
     this._hideTimeout = null;
     if (this._hasPressHandler() && this.refs[UNDERLAY_REF]) {
       this.refs[CHILD_REF].setNativeProps(INACTIVE_CHILD_PROPS);
-      this.refs[UNDERLAY_REF].setNativeProps({
-        ...INACTIVE_UNDERLAY_PROPS,
-        style: this.state.underlayStyle,
-      });
+      this.refs[UNDERLAY_REF].setNativeProps(this.state.underlayStyle);
       this.props.onHideUnderlay && this.props.onHideUnderlay();
     }
   },
@@ -233,19 +232,19 @@ var TouchableHighlight = React.createClass({
         accessible={true}
         accessibilityLabel={this.props.accessibilityLabel}
         accessibilityRole={this.props.accessibilityRole || this.props.accessibilityTraits || 'button'}
-        ref={UNDERLAY_REF}
-        style={[styles.root, this.props.style]}
-        onLayout={this.props.onLayout}
         hitSlop={this.props.hitSlop}
         onKeyDown={(e) => { this._onKeyEnter(e, this.touchableHandleActivePressIn) }}
         onKeyPress={(e) => { this._onKeyEnter(e, this.touchableHandlePress) }}
         onKeyUp={(e) => { this._onKeyEnter(e, this.touchableHandleActivePressOut) }}
+        onLayout={this.props.onLayout}
         onStartShouldSetResponder={this.touchableHandleStartShouldSetResponder}
         onResponderTerminationRequest={this.touchableHandleResponderTerminationRequest}
         onResponderGrant={this.touchableHandleResponderGrant}
         onResponderMove={this.touchableHandleResponderMove}
         onResponderRelease={this.touchableHandleResponderRelease}
         onResponderTerminate={this.touchableHandleResponderTerminate}
+        ref={UNDERLAY_REF}
+        style={[styles.root, this.props.style]}
         tabIndex='0'
         testID={this.props.testID}>
         {React.cloneElement(
@@ -264,9 +263,6 @@ var UNDERLAY_REF = keyOf({underlayRef: null});
 var INACTIVE_CHILD_PROPS = {
   style: StyleSheet.create({x: {opacity: 1.0}}).x,
 };
-var INACTIVE_UNDERLAY_PROPS = {
-  style: {backgroundColor: null}
-};
 
 var styles = StyleSheet.create({
   root: {

src/components/Touchable/TouchableWithoutFeedback.js

@@ -145,7 +145,7 @@ var TouchableWithoutFeedback = React.createClass({
 
   render: function(): ReactElement {
     // Note(avik): remove dynamic typecast once Flow has been upgraded
-    return (React: any).cloneElement(React.children.only(this.props.children), {
+    return (React: any).cloneElement(React.Children.only(this.props.children), {
       accessible: this.props.accessible !== false,
       accessibilityLabel: this.props.accessibilityLabel,
       accessibilityRole: this.props.accessibilityRole,