Artur Paikin 6 anni fa
parent
commit
ce8a8265a6

+ 1 - 1
examples/react-native-expo/PauseResumeButton.js

@@ -18,7 +18,7 @@ export default function PauseResumeButton (props) {
 
 
 const styles = StyleSheet.create({
 const styles = StyleSheet.create({
   button: {
   button: {
-    backgroundColor: '#006bb7',
+    backgroundColor: '#cc0077',
     padding: 10
     padding: 10
   },
   },
   text: {
   text: {

+ 15 - 11
examples/react-native-expo/SelectFilesButton.js

@@ -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
+  }
+})