forked from brentvatne/PeekPopAttempt
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Peekable.ios.js
108 lines (93 loc) · 2.8 KB
/
Peekable.ios.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
var React = require('react');
var ReactNative = require('react-native');
var {PropTypes} = React;
var {
AppRegistry,
StyleSheet,
Text,
View,
TouchableWithoutFeedback,
TouchableHighlight,
NativeModules,
} = require('react-native');
var Peekable = {};
var PREVIEW_REF = 'peekable-preview';
var device = require('../react-native-device/Device');
Peekable.Preview = require('./PreviewView');
var MeasurePreview = React.createClass({
handleLayout: function(e) {
this.props.setDimensions(e.nativeEvent.layout)
},
render: function() {
return <View ref="view" onLayout={this.handleLayout}>
{React.Children.map(this.props.children, child => {
return React.cloneElement(child, {
isPreview: true,
isActive: this.props.active
})
})}
</View>
}
})
Peekable.View = React.createClass({
propTypes: {
renderPreview: PropTypes.func,
onPop: PropTypes.func,
...View.propTypes,
},
_handlePress: function(e) {
var ev = e.nativeEvent;
var oldEv = this.__lastPressIn;
if (ev.locationX === oldEv.locationX && ev.locationY === oldEv.locationY && this.props.onPress) this.props.onPress();
},
getInitialState: function() {
return {
active: false
}
},
onActivate: function() {
this.setState({active: true})
},
setDimensions: function(dimensions) {
this.width = dimensions.width;
this.height = dimensions.height;
},
allowedDevices: [
'iPhone 6s',
'iPhone 6s Plus',
],
render() {
if (!this.props.renderPreview || (device.deviceName.indexOf('6s') === -1 && this.allowedDevices.indexOf(device.model) !== -1) || Number(device.systemVersion.split('.')[0]) < 9) {
return <TouchableWithoutFeedback {...this.props} onPress={this.props.onPress} underlayColor={'transparent'} >
<View>
{this.props.children}
</View>
</TouchableWithoutFeedback>
}
let preview = (
<Peekable.Preview ref={PREVIEW_REF} height={this.height} width={this.width} onPop={this.props.onPop} onActivate={this.onActivate}>
<MeasurePreview setDimensions={this.setDimensions} active={this.state.active}>
{this.props.renderPreview()}
</MeasurePreview>
</Peekable.Preview>
);
return (
<TouchableWithoutFeedback {...this.props} onPressIn={this._handlePressIn} onPress={this._handlePress}>
<View {...this.props} ref={(view) => { this._root = view; }}>
{this.props.children}
{preview}
</View>
</TouchableWithoutFeedback>
)
},
_handlePressIn(e) {
this.__lastPressIn = e.nativeEvent;
setTimeout(() => {
if (!this.refs[PREVIEW_REF]) return;
this.refs[PREVIEW_REF].activate({
sourceView: ReactNative.findNodeHandle(this._root)
});
})
},
});
module.exports = Peekable;