status-im/react-native
2
0
Fork 0
mirror of https://github.com/status-im/react-native.git synced 2025-01-29 02:35:41 +00:00
Code Issues Projects Releases Wiki Activity

Using SafeAreaView in YellowBox (2nd attempt)

Browse Source 
Summary: Now it does not clipped on iPhone X.

Reviewed By: yungsters

Differential Revision: D5907527

fbshipit-source-id: 10d05e4ac5d16a9e257efa78795bff9f14f4c0bb
This commit is contained in:
Valentin Shergin 2017-09-25 23:28:46 -07:00 committed by Facebook Github Bot
parent 3cbc36138a
commit c70ac24966
1 changed files with 46 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
Libraries/ReactNative/YellowBox.js
View File

@ -16,6 +16,7 @@
const EventEmitter = require('EventEmitter'); const EventEmitter = require('EventEmitter');
const Platform = require('Platform'); const Platform = require('Platform');
const React = require('React'); const React = require('React');
const SafeAreaView = require('SafeAreaView');
const StyleSheet = require('StyleSheet'); const StyleSheet = require('StyleSheet');
const RCTLog = require('RCTLog'); const RCTLog = require('RCTLog');
@ -264,6 +265,7 @@ const WarningInspector = ({
return ( return (
<View style={styles.inspector}> <View style={styles.inspector}>
<SafeAreaView style={styles.safeArea}>
<View style={styles.inspectorCount}> <View style={styles.inspectorCount}>
<Text style={styles.inspectorCountText}> <Text style={styles.inspectorCountText}>
{countSentence} {countSentence}
@ -305,6 +307,7 @@ const WarningInspector = ({
<Text style={styles.inspectorButtonText}>Dismiss All</Text> <Text style={styles.inspectorButtonText}>Dismiss All</Text>
</TouchableHighlight> </TouchableHighlight>
</View> </View>
</SafeAreaView>
</View> </View>
); );
}; };
@ -464,6 +467,9 @@ var styles = StyleSheet.create({
paddingVertical: 22, paddingVertical: 22,
backgroundColor: backgroundColor(1), backgroundColor: backgroundColor(1),
}, },
safeArea: {
flex: 1,
},
stacktraceList: { stacktraceList: {
paddingBottom: 5, paddingBottom: 5,
}, },