Push Notifications

import React, { useEffect } from 'react';
import { View, Button, Alert } from 'react-native';
import * as Notifications from 'expo-notifications';

// Determine how notifications should behave when app is foregrounded
Notifications.setNotificationHandler({
  handleNotification: async () => ({
    shouldShowAlert: true,
    shouldPlaySound: true,
    shouldSetBadge: false,
  }),
});

export default function NotificationApp() {
  useEffect(() => {
    // Request permission
    const requestPermissions = async () => {
      const { status } = await Notifications.requestPermissionsAsync();
      if (status !== 'granted') {
        Alert.alert('Permission to send notifications was denied');
      }
    };
    requestPermissions();
  }, []);

  const triggerLocalNotification = async () => {
    await Notifications.scheduleNotificationAsync({
      content: {
        title: "Hello! 📬",
        body: "This is a local notification triggered from code.",
      },
      trigger: { seconds: 2 }, // Trigger after 2 seconds
    });
  };

  return (
    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
      <Button 
        title="Trigger Notification (2s delay)" 
        onPress={triggerLocalNotification} 
      />
    </View>
  );
}