Browse Source

Cambie los botones del screen y le puse un ScrollView component para que funcione en el celular

ErnestoOrtiz2 2 years ago
parent
commit
990f879c41
1 changed files with 5 additions and 3 deletions
  1. 5
    3
      screens/main/Search.js

+ 5
- 3
screens/main/Search.js View File

@@ -1,5 +1,5 @@
1 1
 import React, { useState } from 'react'
2
-import { Text, View,  StyleSheet, FlatList, TouchableOpacity } from 'react-native'
2
+import { Text, View,  StyleSheet, FlatList, TouchableOpacity, Button, ScrollView } from 'react-native'
3 3
 import SelectBox from 'react-native-multi-selectbox'
4 4
 import { xorBy } from 'lodash'
5 5
 import firebase from 'firebase'
@@ -172,6 +172,7 @@ function Search({ navigation }) {
172 172
 
173 173
 
174 174
   return (
175
+    <ScrollView>
175 176
     <View style={{ margin: 30 }}>
176 177
       <View style={{ width: '100%', alignItems: 'center' }}>
177 178
         <Text style={{ fontSize: 30, paddingBottom: 20 }}>Busqueda</Text>
@@ -228,7 +229,7 @@ function Search({ navigation }) {
228 229
       />
229 230
 
230 231
       {/* button that will fetch the users */}
231
-      <button onClick={() => fetchUsers(selectedTags, selectedDays)}>Buscar</button>
232
+      <Button title='Buscar' onPress={() => fetchUsers(selectedTags, selectedDays)}/>
232 233
 
233 234
 
234 235
       <FlatList
@@ -242,7 +243,7 @@ function Search({ navigation }) {
242 243
             <View style={{ flexDirection: "row", paddingBottom: 20, paddingTop: 20,  justifyContent: "space-between" }}>
243 244
               <Text>{item.data.name}</Text>
244 245
               <Text>{item.data.Precio}</Text>
245
-              <button  styles = {styles.button}     onClick={() => { dothing(item.id) }}>Button</button>
246
+              <Button title='Buscar' onPress={() => { dothing(item.id) }}/>
246 247
             </View>
247 248
             <View style={{ borderBottomColor: 'black', borderBottomWidth: 1 }} />
248 249
           </View>
@@ -251,6 +252,7 @@ function Search({ navigation }) {
251 252
         />
252 253
 
253 254
     </View>
255
+    </ScrollView>
254 256
   );
255 257
 
256 258
   function onMultiChange() {