diff --git a/packages/rn-tester/js/examples/XHR/XHRExampleBinaryUpload.js b/packages/rn-tester/js/examples/XHR/XHRExampleBinaryUpload.js index fe93088dd9b..85b01cce64a 100644 --- a/packages/rn-tester/js/examples/XHR/XHRExampleBinaryUpload.js +++ b/packages/rn-tester/js/examples/XHR/XHRExampleBinaryUpload.js @@ -15,12 +15,12 @@ const React = require('react'); const { Alert, Linking, - Picker, StyleSheet, Text, TouchableHighlight, View, } = require('react-native'); +import RNTOption from '../../components/RNTOption'; const BINARY_TYPES = { String, @@ -110,14 +110,20 @@ class XHRExampleBinaryUpload extends React.Component<{...}, $FlowFixMeState> { render(): React.Node { return ( - Upload 255 bytes as... - this.setState({type})}> - {Object.keys(BINARY_TYPES).map(type => ( - - ))} - + + Upload 255 bytes as ... + + {Object.keys(BINARY_TYPES).map(type => ( + this.setState({type})} + style={styles.option} + /> + ))} + + @@ -131,6 +137,19 @@ class XHRExampleBinaryUpload extends React.Component<{...}, $FlowFixMeState> { } const styles = StyleSheet.create({ + block: { + borderColor: 'rgba(0,0,0, 0.1)', + borderBottomWidth: 1, + padding: 6, + }, + row: { + flexDirection: 'row', + flexWrap: 'wrap', + }, + title: { + fontWeight: 'bold', + }, + option: {margin: 6}, uploadButton: { marginTop: 16, },