Lesson 2: Using Expo Components and APIs

Using Expo Components and APIs

1. Expo.Camera:

   • Allows capturing photos and videos.
   import { Camera } from 'expo-camera';
   const [hasPermission, setHasPermission] = useState(null);

   useEffect(() => {
(async () => {
const { status } = await Camera.requestPermissionsAsync();
setHasPermission(status === 'granted');
})();
}, []);


2. Expo.Notifications:

   • Manages push notifications.
   import * as Notifications from 'expo-notifications';
Notifications.scheduleNotificationAsync({
content: {
title: "You've got mail!",
body: 'Here is the notification body',
},
trigger: { seconds: 2 },
});


3. Expo.Audio:

   • Handles audio playback and recording.
   import { Audio } from 'expo-av';
const sound = new Audio.Sound();
await sound.loadAsync(require('./path-to-sound-file.mp3'));
await sound.playAsync();


4. Expo.FileSystem:

   • Provides access to the device’s file system.
   import * as FileSystem from 'expo-file-system';
const files = await FileSystem.readDirectoryAsync(FileSystem.documentDirectory);


Best Practices:

• Ensure permissions are handled gracefully.
• Optimize asset management for better performance.
• Regularly test APIs on both iOS and Android devices.

Conclusion: Expo components and APIs simplify the integration of complex functionalities into your app. By mastering these tools, you can enhance your app’s capabilities and deliver a richer user experience.