Fix QR going off screen

andreasalstrup · Dec 17, 2023 · 96063ef · 96063ef
1 parent 7c08760
commit 96063ef
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/app/(tabs)/notice.tsx b/app/(tabs)/notice.tsx
@@ -40,10 +40,11 @@ export default function NoticeScreen() {
           <View style={styles.groupInfo}>
             <View>
               <Text>Group name: {groupName}</Text>
-              <Text selectable={true}>Group ID: {groupId}</Text>
+              <Text selectable={true}>ID: {groupId}</Text>
             </View>
-            <View style={styles.qrCodeIcon}>
+            <View style={{flex: 1}}>
               <Pressable
+                style={styles.qrCodeIcon}
                 onPress={()=>{   
                   setIsModalVisible(true)
                 }}>
@@ -131,7 +132,7 @@ const styles = StyleSheet.create({
   qrCodeIcon: {
     flex: 1,
     justifyContent: 'center',
-    alignItems: 'center'
+    alignItems: 'center',
   },
   modalContainer: {
     justifyContent: 'center',