return stacktrace button in yellow box

Summary:
**motivation**

return button which shows stacktrace in yellow box.

**Test plan (required)**

<img src="https://cloud.githubusercontent.com/assets/1488195/21954896/fd3b0078-da77-11e6-8eeb-e6fe16ad9939.png" width="300"/>
Closes https://github.com/facebook/react-native/pull/11908

Differential Revision: D4424824

Pulled By: mmmulani

fbshipit-source-id: db4b33423fd839216286adb40a65417949c0073a
This commit is contained in:
Sokovikov 2017-01-17 17:39:41 -08:00 committed by Facebook Github Bot
parent 52d8851fc8
commit 8159b2cd2a
1 changed files with 4 additions and 10 deletions

View File

@ -231,13 +231,9 @@ const WarningInspector = ({
<View style={styles.inspector}> <View style={styles.inspector}>
<View style={styles.inspectorCount}> <View style={styles.inspectorCount}>
<Text style={styles.inspectorCountText}>{countSentence}</Text> <Text style={styles.inspectorCountText}>{countSentence}</Text>
<TouchableHighlight <TouchableHighlight onPress={toggleStacktrace} underlayColor="transparent">
activeOpacity={0.5}
onPress={toggleStacktrace}
style={styles.toggleStacktraceButton}
underlayColor="transparent">
<Text style={styles.inspectorButtonText}> <Text style={styles.inspectorButtonText}>
{stacktraceVisible ? 'Hide' : 'Show'} Stacktrace {stacktraceVisible ? '▼' : '▶' } Stacktrace
</Text> </Text>
</TouchableHighlight> </TouchableHighlight>
</View> </View>
@ -415,10 +411,6 @@ var styles = StyleSheet.create({
paddingVertical: 22, paddingVertical: 22,
backgroundColor: backgroundColor(1), backgroundColor: backgroundColor(1),
}, },
toggleStacktraceButton: {
flex: 1,
padding: 5,
},
stacktraceList: { stacktraceList: {
paddingBottom: 5, paddingBottom: 5,
}, },
@ -435,6 +427,8 @@ var styles = StyleSheet.create({
inspectorCount: { inspectorCount: {
padding: 15, padding: 15,
paddingBottom: 0, paddingBottom: 0,
flexDirection: 'row',
justifyContent: 'space-between',
}, },
inspectorCountText: { inspectorCountText: {
color: textColor, color: textColor,