[Kan 95, Kan 93] 검색 페이지 생성 및 정렬 기능 추가

src/components/ListModal.js

@@ -39,7 +39,35 @@ import AppContext from './AppContext';
 const windowWidth = Dimensions.get('window').width;
 
 export default function ListModal(props) {
-  const {visible, setVisible, title, value, setValue, valueList} = props;
+  const {visible, setVisible, title, value, setValue, valueList, setLocation} =
+    props;
+
+  const getMyLocation = async () => {
+    const platformPermissions = PERMISSIONS.ANDROID.ACCESS_FINE_LOCATION;
+
+    try {
+      let result = await request(platformPermissions);
+      console.log(result);
+    } catch (err) {
+      console.warn(err);
+    }
+
+    Geolocation.getCurrentPosition(
+      position => {
+        console.log(position.coords.latitude, position.coords.longitude);
+        const {latitude, longitude} = position.coords;
+
+        setLocation({
+          latitude: latitude,
+          longitude: longitude,
+        });
+      },
+      error => {
+        console.log(error.code, error.message);
+      },
+      {enableHighAccuracy: true, timeout: 15000, maximumAge: 10000},
+    );
+  };
 
   return (
     <Modal
@@ -83,7 +111,10 @@ export default function ListModal(props) {
             return (
               <AnimatedButton
                 style={styles.listButton}
-                onPress={() => {
+                onPress={async () => {
+                  if (item == '가까운 순') {
+                    getMyLocation();
+                  }
                   setValue(item);
                 }}>
                 {item == value ? (

src/components/StoreCompo.js

@@ -50,10 +50,10 @@ export default function StoreCompo(props) {
     <Pressable
       key={index.toString()}
       style={{
-        width: addPadding
-          ? windowWidth - 32 - 2 * addPadding
-          : windowWidth - 32,
+        width: addPadding ? windowWidth - 32 : windowWidth - 32,
         height: windowWidth / 3,
+        paddingHorizontal: addPadding,
+        // backgroundColor: storeData.id % 2 === 0 ? 'red' : 'blue',
         // backgroundColor: 'blue',
       }}
       onPress={() => {
@@ -153,15 +153,15 @@ export default function StoreCompo(props) {
                   fontSize: 11,
                   color: COLOR_TEXT70GRAY,
                 }}>
-                {storeData.firstReview.reviewer + ' 님'}
+                {storeData.representativeReviewContent.reviewer + ' 님'}
               </Text>
               <Text
                 numberOfLines={4}
                 style={{
                   fontSize: 11,
                   color: COLOR_TEXT60GRAY,
                 }}>
-                {storeData.firstReview.body}
+                {storeData.representativeReviewContent.body}
               </Text>
             </>
           ) : (

src/components/TodayPick.js

@@ -86,7 +86,7 @@ export default function TodayPick(props) {
         ref={scrollViewRef}>
         {todaysPick.map((pickData, index) => {
           return (
-            <StoreCompo storeData={pickData} index={index} addPadding={8} />
+            <StoreCompo storeData={pickData} index={index} addPadding={10} />
           );
         })}
       </ScrollView>
@@ -103,7 +103,7 @@ const styles = StyleSheet.create({
     marginTop: 15,
     width: windowWidth - 32,
     padding: 12,
-    paddingHorizontal: 10,
+    paddingHorizontal: 0,
     backgroundColor: COLOR_WHITE,
     borderRadius: 10,
     shadowOffset: {
@@ -116,6 +116,7 @@ const styles = StyleSheet.create({
   },
   todayPickTitle: {
     fontSize: 20,
+    paddingHorizontal: 10,
     color: COLOR_TEXT70GRAY,
     fontWeight: '700',
   },

src/navigation/BottomTabNavigator.js

@@ -29,7 +29,6 @@ import HomeScreen from '../screens/home/HomeScreen';
 import ListMainScreen from '../screens/list/ListMainScreen';
 import MapScreen from '../screens/map/MapScreen';
 import MypageScreen from '../screens/mypage/MypageScreen';
-import SearchScreen from '../screens/map/SearchScreen';
 import UserDataChangeScreen from '../screens/mypage/UserDataChangeScreen';
 
 const BottomTab = createBottomTabNavigator();
@@ -94,7 +93,6 @@ function MapNavigator() {
         cardStyleInterpolator: customCardStyleInterpolator,
       }}>
       <MapStack.Screen name="Map" component={MapScreen} />
-      <MapStack.Screen name="Search" component={SearchScreen} />
     </MapStack.Navigator>
   );
 }

src/navigation/MainStackNavigator.js

@@ -17,6 +17,7 @@ import CheckEmailScreen from '../screens/signup/CheckEmailScreen';
 import ProfileSetScreen from '../screens/signup/ProfileSetScreen';
 import CheckEmailScreen2 from '../screens/signup/CheckEmailScreen2';
 import ResetPasswordScreen from '../screens/signup/ResetPasswordScreen';
+import SearchScreen from '../screens/detail/SearchScreen';
 
 import BottomTabNavigator from './BottomTabNavigator';
 
@@ -56,6 +57,7 @@ export default function MainStackNavigator() {
         <MainStack.Screen name="CheckEmail" component={CheckEmailScreen} />
         <MainStack.Screen name="ProfileSet" component={ProfileSetScreen} />
         <MainStack.Screen name="CheckEmail2" component={CheckEmailScreen2} />
+        <MainStack.Screen name="Search" component={SearchScreen} />
         <MainStack.Screen
           name="ResetPassword"
           component={ResetPasswordScreen}