Нужна помощь во внедрении RNCamera в нативный проект - PullRequest
Новая
       19

Нужна помощь во внедрении RNCamera в нативный проект

0 голосов
/ 02 июля 2019

Я создал реактивный проект с использованием «expo init». Я хочу использовать RNCamera, но получаю следующую ошибку. «Возможное необработанное отклонение обещания (id: 0): ошибка: попытка использовать API разрешений, но активность узла не реализует PermissionAwareActivity». Проблема в том, что вся справка в Интернете, похоже, указывает на файлы Java, которых нет в проекте, созданном с помощью «expo init». Я пытаюсь создать кроссплатформенное приложение. Может кто-нибудь помочь мне, как это сделать? Я не уверен, с чего начать, поскольку большая часть справки, которую я считаю, направлена ​​на приложения для Android.

Я попытался выполнить поиск в Интернете, но нашел только решения для Android, которые требуют редактирования файлов Java, которых нет в моем проекте. 

/*I don't think I have permission to upload pictures yet, but here is a list of the files in my created project. 

.expo
.git
assets
node_modules
.gitignore
.watchmanconfig
App.js
app.json
babel.config.js
package.json
yarn.lock
*/

import React, {PureComponent} from 'react';
import { View, Text, Button, StyleSheet, TouchableOpacity } from 'react-native';
import { RNCamera } from 'react-native-camera';

export default function App() {
  return (
    <View style = {{flex: 1}}>
      <RNCamera
        ref={ref => {
          this.camera = ref;
        }}
        style = {{flex: 1, width: '100%'
      }}
      >
      </RNCamera>
    </View>
  );
}

Я просто хочу получить доступ к камере. Спасибо за вашу помощь !!

1 Ответ

0 голосов
/ 02 июля 2019

Если вы создали проект с помощью Expo , рекомендуется использовать модуль Expo без его использования.Вы можете попробовать это expo install expo-camera

Если вы хотите использовать оригинальный модуль или если вы используете модуль, о котором я вам говорил, вы должны быть авторизованы, потому что вам нужно место для хранения вашей камеры и фотографий.

Вы можете попробовать это expo install expo-permissions

  • Права на использование камеры: Permissions.CAMERA
  • Права на использование видео: Permissions.AUDIO_RECORDING
  • Права на пространство для хранения: Permissions.CAMERA_ROLL

Использование 

import React from 'react';
import { Text, View, TouchableOpacity } from 'react-native';
import * as Permissions from 'expo-permissions';
import { Camera } from 'expo-camera';

export default class CameraExample extends React.Component {
  state = {
    hasCameraPermission: null,
    type: Camera.Constants.Type.back,
  };

  async componentDidMount() {
    const { status } = await Permissions.askAsync(Permissions.CAMERA);
    this.setState({ hasCameraPermission: status === 'granted' });
  }

  render() {
    const { hasCameraPermission } = this.state;
    if (hasCameraPermission === null) {
      return <View />;
    } else if (hasCameraPermission === false) {
      return <Text>No access to camera</Text>;
    } else {
      return (
        <View style={{ flex: 1 }}>
          <Camera style={{ flex: 1 }} type={this.state.type}>
            <View
              style={{
                flex: 1,
                backgroundColor: 'transparent',
                flexDirection: 'row',
              }}>
              <TouchableOpacity
                style={{
                  flex: 0.1,
                  alignSelf: 'flex-end',
                  alignItems: 'center',
                }}
                onPress={() => {
                  this.setState({
                    type:
                      this.state.type === Camera.Constants.Type.back
                        ? Camera.Constants.Type.front
                        : Camera.Constants.Type.back,
                  });
                }}>
                <Text style={{ fontSize: 18, marginBottom: 10, color: 'white' }}> Flip </Text>
              </TouchableOpacity>
            </View>
          </Camera>
        </View>
      );
    }
  }
}
...