똑같은 환경 만들어보기

wafflestudio · Jul 13, 2024 · 987de82 · 987de82
1 parent 9094394
commit 987de82
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 7 deletions.
diff --git a/...pp/screens/MainScreen/RequestFriendsBottomSheetContent/RequestFriendsMethodList/index.tsx b/...pp/screens/MainScreen/RequestFriendsBottomSheetContent/RequestFriendsMethodList/index.tsx
@@ -50,8 +50,6 @@ export const RequestFriendsMethodList = () => {
           />
           <Typography>카카오톡으로 친구 초대</Typography>
         </TouchableOpacity>
-      </View>
-      <View style={styles.sheetContent}>
         <TouchableOpacity style={styles.sheetItem} onPress={() => setRequestFriendModalStep('REQUEST_WITH_NICKNAME')}>
           <UserHashtagIcon
             width={30}

diff --git a/...riends-react-native/src/app/screens/MainScreen/RequestFriendsBottomSheetContent/index.tsx b/...riends-react-native/src/app/screens/MainScreen/RequestFriendsBottomSheetContent/index.tsx
@@ -1,4 +1,4 @@
-import { View } from 'react-native';
+import { StyleSheet, View } from 'react-native';
 import { useMainScreenContext } from '..';
 import { BottomSheet } from '../../../components/BottomSheet';
 import { RequestFriendsMethodList } from './RequestFriendsMethodList';
@@ -10,10 +10,17 @@ export const RequestFriendsBottomSheetContent = () => {
   const closeAddFriendModal = () => dispatch({ type: 'setRequestFriendModalOpen', isOpen: false });
 
   return (
-    <View>
-      <BottomSheet isOpen={isRequestFriendModalOpen} onClose={closeAddFriendModal}>
-        {requestFriendModalStep === 'METHOD_LIST' ? <RequestFriendsMethodList /> : <RequestFriendsWithNickname />}
-      </BottomSheet>
+    <View style={styles.container}>
+      <View style={styles.tabContent}>
+        <BottomSheet isOpen={isRequestFriendModalOpen} onClose={closeAddFriendModal}>
+          {requestFriendModalStep === 'METHOD_LIST' ? <RequestFriendsMethodList /> : <RequestFriendsWithNickname />}
+        </BottomSheet>
+      </View>
     </View>
   );
 };
+
+const styles = StyleSheet.create({
+  container: { paddingVertical: 22, height: '100%', display: 'flex' },
+  tabContent: { paddingTop: 16, flex: 1 },
+});