Enhance notification handling and improve alert messages in index.tsx

app/index.tsx

@@ -1,6 +1,15 @@
 import * as Notifications from 'expo-notifications';
 import React, { useEffect } from "react";
-import { Button, Platform, Text, View } from "react-native";
+import { Alert, Button, Platform, Text, View } from "react-native";
+
+Notifications.setNotificationHandler({
+  handleNotification: async () => ({
+    shouldShowBanner: true,
+    shouldShowList: true,
+    shouldPlaySound: false,
+    shouldSetBadge: false,
+  }),
+});
 
 async function registerForPushNotificationsAsync() {
   const { status: existingStatus } = await Notifications.getPermissionsAsync();
@@ -10,22 +19,27 @@ async function registerForPushNotificationsAsync() {
     finalStatus = status;
   }
   if (finalStatus !== 'granted') {
-    alert('Permission for notifications not granted!');
+    Alert.alert('Permission for notifications not granted!');
     return false;
   }
   return true;
 }
 
 async function sendNotification() {
-  await Notifications.scheduleNotificationAsync({
+  try {
-    content: {
+    const id = await Notifications.scheduleNotificationAsync({
-      title: "Hello!",
+      content: {
-      body: "Ez egy értesítés példája.",
+        title: "Hello!",
-    },
+        body: "Ez egy értesítés példája.",
-    trigger: Platform.OS === 'android'
+      },
-      ? ({ seconds: 1, repeats: false } as any)
+      trigger: Platform.OS === 'android'
-      : null,
+        ? ({ seconds: 1, repeats: false } as any)
-  });
+        : null,
+    });
+    Alert.alert('Notification scheduled!', `ID: ${id}`);
+  } catch (e) {
+    Alert.alert('Hiba történt!', String(e));
+  }
 }
 
 export default function Index() {