React Nativeでのカメラ機能と画像のアップロードについて
React Nativeでのカメラ機能と画像のアップロードについて : 本エントリでは作成したアプリで使用したいくつかのテクニックの一つのカメラ機能について記載します。 React Native(以下 RN と記載)でカメラを使う場合幾つか方法があるようですが筆者は react-native-camera を使用しました。 react-native-cameraは本家サイトを見るとバーコードを読めたり動画とれたり顔認識なども出来るようですが本アプリではそこまで必要なかったのでシンプルにカメラ機能のみを使用しました。 以下カメラ機能を実装しているコンポーネントのソースです HomeCamera.js import React, {Component} from 'react'; import {Platform, StyleSheet, Text, TouchableOpacity, View} from 'react-native'; import { NavigationActions } from "react-navigation"; import {RNCamera} from 'react-native-camera' const PendingView = () => ( <View style={{ flex: 1, backgroundColor: 'lightgreen', justifyContent: 'center', alignItems: 'center', }} > <Text>Waiting</Text> </View> ); export default class HomeCamera extends Component<Props> { //コンストラクタ constructor(props){ super(props); //必ず呼ぶ this.state = { ...
