status-im
/
react-native
mirror of https://github.com/status-im/react-native.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

[RN Inspector] : fix CSS not to use view overflow which is not supported on iOS

This commit is contained in:
Olivier Notteghem 2015-06-18 05:42:45 -07:00
parent 3029511ce4
commit 58d01c7981
1 changed files with 4 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
Libraries/Inspector/Inspector.js
View File

@ -66,14 +66,9 @@ class Inspector extends React.Component {
} }
render() { render() {
var panelPosition; var panelContainerStyle = (this.state.panelPos === 'bottom') ? {bottom: 0} : {top: 0};
if (this.state.panelPos === 'bottom') {
panelPosition = {bottom: -Dimensions.get('window').height};
} else {
panelPosition = {top: 0};
}
return ( return (
<View style={styles.container}> <View style={styles.container} pointerEvents="box-none">
{this.state.inspecting && {this.state.inspecting &&
<InspectorOverlay <InspectorOverlay
rootTag={this.props.rootTag} rootTag={this.props.rootTag}
@ -81,7 +76,7 @@ class Inspector extends React.Component {
inspectedViewTag={this.props.inspectedViewTag} inspectedViewTag={this.props.inspectedViewTag}
onTouchInstance={this.onTouchInstance.bind(this)} onTouchInstance={this.onTouchInstance.bind(this)}
/>} />}
<View style={[styles.panelContainer, panelPosition]}> <View style={[styles.panelContainer, panelContainerStyle]}>
<InspectorPanel <InspectorPanel
inspecting={this.state.inspecting} inspecting={this.state.inspecting}
setInspecting={this.setInspecting.bind(this)} setInspecting={this.setInspecting.bind(this)}
@ -103,7 +98,7 @@ var styles = StyleSheet.create({
top: 0, top: 0,
left: 0, left: 0,
right: 0, right: 0,
height: 0, bottom: 0,
}, },
panelContainer: { panelContainer: {
position: 'absolute', position: 'absolute',