|
@@ -1,20 +1,24 @@
|
|
import React from 'react' // eslint-disable-line no-unused-vars
|
|
import React from 'react' // eslint-disable-line no-unused-vars
|
|
-import { Text, TouchableHighlight } from 'react-native'
|
|
|
|
|
|
+import { Text, TouchableHighlight, StyleSheet } from 'react-native'
|
|
|
|
|
|
export default function SelectFiles (props) {
|
|
export default function SelectFiles (props) {
|
|
return (
|
|
return (
|
|
<TouchableHighlight
|
|
<TouchableHighlight
|
|
onPress={props.showFilePicker}
|
|
onPress={props.showFilePicker}
|
|
- style={{
|
|
|
|
- backgroundColor: '#006bb7',
|
|
|
|
- padding: 15
|
|
|
|
- }}>
|
|
|
|
- <Text
|
|
|
|
- style={{
|
|
|
|
- color: '#fff',
|
|
|
|
- textAlign: 'center',
|
|
|
|
- fontSize: 17
|
|
|
|
- }}>Select files</Text>
|
|
|
|
|
|
+ style={styles.button}>
|
|
|
|
+ <Text style={styles.text}>Select files</Text>
|
|
</TouchableHighlight>
|
|
</TouchableHighlight>
|
|
)
|
|
)
|
|
}
|
|
}
|
|
|
|
+
|
|
|
|
+const styles = StyleSheet.create({
|
|
|
|
+ button: {
|
|
|
|
+ backgroundColor: '#cc0077',
|
|
|
|
+ padding: 15
|
|
|
|
+ },
|
|
|
|
+ text: {
|
|
|
|
+ color: '#fff',
|
|
|
|
+ textAlign: 'center',
|
|
|
|
+ fontSize: 17
|
|
|
|
+ }
|
|
|
|
+})
|