Summary - Camera

Combine expo-camera, takePictureAsync and flash to write a camera app.

Summary - Camera

In this group you learned to install the expo-camera package, ask for camera permission, take photos with takePictureAsync, switch the front/back camera and manage the flash mode. The core of a camera app is these five pieces.

In the summary we will combine these pieces in a single app: the permission flow, photo capture and camera switching. Together they form a real camera screen. Let us merge them now.

Exercise Summary - Take a photo

Complete the takePhoto function. Call const photo = await cameraRef.current.takePictureAsync(); return the file path with return photo.uri. cameraRef is passed as a parameter.

Show example solution

const photo = await cameraRef.current.takePictureAsync();
return photo.uri;

Exercise Summary - Switch camera

Complete the empty toggleCamera function. Write setType(prev => prev === CameraType.back ? CameraType.front : CameraType.back). setType is passed as a parameter.

Show example solution

setType(prev => prev === CameraType.back ? CameraType.front : CameraType.back);

Test yourself

Write the permission function

const permission = await Camera.____();

Show answer

const permission = await Camera.requestCameraPermissionsAsync();

Match each flow part to its role

requestCameraPermissionsAsync

Asks for permission
takePictureAsync

Takes a photo
CameraType.front

Front camera
FlashMode.auto

Automatic flash

Next lesson: expo-image-picker

We Are Enhancing Your Experience

Cookie Preferences

Strictly Necessary Cookies

Analytical Cookies