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