1import React, { useState, useEffect } from 'react';
2import { Text, View, TouchableOpacity } from 'react-native';
3import { Camera } from 'expo-camera';
4
5export default function App() {
6  const [hasPermission, setHasPermission] = useState(null);
7  const [type, setType] = useState(Camera.Constants.Type.back);
8
9  useEffect(() => {
10    (async () => {
11      const { status } = await Camera.requestPermissionsAsync();
12      setHasPermission(status === 'granted');
13    })();
14  }, []);
15
16  if (hasPermission === null) {
17    return <View />;
18  }
19  if (hasPermission === false) {
20    return <Text>No access to camera</Text>;
21  }
22  return (
23    <View style={{ flex: 1 }}>
24      <Camera style={{ flex: 1 }} type={type}>
25        <View
26          style={{
27            flex: 1,
28            backgroundColor: 'transparent',
29            flexDirection: 'row',
30          }}>
31          <TouchableOpacity
32            style={{
33              flex: 0.1,
34              alignSelf: 'flex-end',
35              alignItems: 'center',
36            }}
37            onPress={() => {
38              setType(
39                type === Camera.Constants.Type.back
40                  ? Camera.Constants.Type.front
41                  : Camera.Constants.Type.back
42              );
43            }}>
44            <Text style={{ fontSize: 18, marginBottom: 10, color: 'white' }}> Flip </Text>
45          </TouchableOpacity>
46        </View>
47      </Camera>
48    </View>
49  );
50}
51