問題タブ [react-native-camera]

react-native-camera のビデオ機能を動作させようとしてきましたが、膨大な数の方法を試しましたが、同じエラーが発生し続けています。これが私のコードです：

stopCapture() メソッドで '.then' promise を使用すると、「Undefined のプロパティ 'then' を読み取ることができません」というエラーが表示されますが、'.then' を追加しないと何も起こらず、 'データを受信しません。誰か提案はありますか？

そこで、 https://github.com/lwansbrough/react-native-cameraの反応ネイティブ ビデオ カメラを使用して動作させるプロジェクトに取り組んでいました。コンポーネントはビデオを取得し、データは Xcode のコンソールに出力されます。残念ながら、私は自分のコンピューターでこのファイルと他のいくつかのファイルを失い、アプリを最初からやり直しています。ビデオ録画機能を備えたカメラを再作成しようとしていますが、機能させることができません。私はそれを理解できないように見えるので、誰かが私が間違っていることを知っていますか. captureMode を camera に変更するとデータは印刷されますが、ビデオには何も起こりません。ここに私のコンポーネントがあります:

アプリの RootViewController に RCTRootView をサブビューとして追加するにはどうすればよいですか。

これが私が達成したいことです。一部の OpenGLES コンテンツをビューにレンダリングする iOS ネイティブ アプリがあります。これは、デバイスのカメラ フィードを表示し、ユーザーの顔を追跡し、その上にいくつかの視覚化を表示します (スナップチャットの AR フィルターによく似ています)。これはすべて正常に機能し、そこにはネイティブの iOS UIKit 要素もあります。このカメラ フィードの上にいくつかの反応ネイティブ UI 要素 (UIKit コンポーネントを削除) をオーバーレイし、UI 機能を実装したいと考えています。

だから私は反応ネイティブ（RCTRootView）の下にカメラフィード（つまり、glビューを開く）を持ちたいと思っています。主にこのリンクが好きです。ほとんどできましたが、面倒なレイアウトの問題がいくつかあります。

デフォルトの AppDelegate.m 実装

サブビューとして追加しようとすると、これが発生します

柔軟な幅と高さにより、これが実現します

これはおそらくレイアウトの問題のように思えますか？しかし、私はこれを間違った方法で行っていますか? どんな助けでも大歓迎です。

ps : これは、react-native UI atm を使用した AR カメラ フィード ビューでどのように見えるかです。

pps: RCTRootView をサブビューとして追加しないと、常にバックグラウンドになります (つまり、カメラ フィードは常に反応ネイティブ UI ビューの上に表示されます)。

react-native-cameraキャプチャ メソッドを使用して、キャプチャされた画像のメタデータを取得する方法がわかりません。

私はそれが次のようなものだと仮定していました：

ただし、パスのみを返すため、次のようになります。

ドキュメントのメタデータの使用法は私にはわかりません。メタデータ パラメータを渡す正しい方法は何ですか? 誰かがこれを機能させましたか？

誰かがこれで私を助けてくれることを願っています。カメラで写真を撮り、base64 イメージに変換しようとしています。カメラに組み込まれているとどこかで読みましたが、正確な方法はわかりません。カメラのセットアップ方法は次のとおりです。

写真を撮ったときのコードも次のとおりです。

}

そのオブジェクトは、ファイルの場所を返しているようです..base64を返すようにしています..しかし、その方法がわかりません。

TL;DR: IOS10 シミュレーターでは動作しません。ただし、IOS9 は問題ないようです。

誰もが推奨しているように見えるL Wansbrough のreact-native-cameraモジュールを実装しようとしています。10 時間も動作に失敗した後、本当に助けが必要です。

既存のプロジェクトに組み込むことをあきらめたので、今のところ、まったく新しい領域でゼロからこれを実行しようとしています。これは私がやっていることです：

さて、新しいプロジェクトが作成されました。バージョンが正しいことを確認しましょう。

react-native-cli: 1.0.0 react-native: 0.36.0返ってきます。要件を完全に確認するには：

戻り値: java バージョン "1.8.0_112" Java(TM) SE ランタイム環境 (ビルド 1.8.0_112-b16) Java HotSpot(TM) 64 ビット サーバー VM (ビルド 25.112-b16、混合モード)

したがって、要件はしっかりしているように見えます。今：

成功 - アプリがシミュレーターで実行され、すべてが正常に機能します。ここで、ドキュメンテーションに従って、react-native-camera をインストールしてみます。まず、私のシミュレーターが実行している iOS10 に関する新しい要件セクションがあります。カメラに関するプライバシー キーを Info.plist ファイルに追加する必要があります。これは、ソース コードの例の Info ファイルから省略されているようで、ドキュメントには必要なコードがありません。私は掘り下げて、以下をに追加しましたcameraProject/ios/cameraProject/Info.plist：

これは、リストの 25 行目あたりにアルファベット順に追加されています。次：

に続く：

完全; 期待どおりのメッセージが表示されます。

すべてが正常に機能します。「使用法」セクションに。GitHub からコードをコピーして、BadInstagramCloneApp.js というモジュールに貼り付けます。次に、それを index.ios.js に basic でインポートしimport BadInstagramCloneApp from './BadInstagramCloneApp';、本体に<BadInstagramCloneApp />.

シミュレーターを更新します: エラー

よし、シミュレーターを終了し、ターミナルを閉じて、再react-native run-ios構築する必要があると思うので再実行してください。それはまだ動作しません、スロー:

Xcode をロードし、ファイルをリンクするためのマニュアルの手順を確認しました。私のライブラリフォルダーにはRCTCamera.xcodeproj既にファイルがあります。また、すでにlibRCTCamera.acameraProject->Build Phases->Link Binary with Libraries セクションにも含まれています。ヘッダー検索パスには正しい項目があり、両方とも指示に従って「再帰的」とマークされています。次に、CMD + R でプロジェクトを実行します。新しいシミュレーターがロードされ、動作するように見えますが、同じ赤い画面で失敗します。Xcode を終了react-native run-iosし、ターミナルから再度実行すると (ビルドが成功したと表示されます)、それでも上記と同じエラーが発生します。

私は考えられるすべての順列を試しました。サンプル ファイル内からコードをコピーしようとしました。古いバージョンのモジュールを試しました。また、react-native-camera も起動するはずのオンラインのチュートリアルをいくつか実行しました。私が試したことは、赤い画面やアプリケーションのクラッシュ以外には何もありませんでした。

提案？私がやりたいことは、ユーザーが写真を撮って、その写真を Base64 でエンコードされたオブジェクトとして返せるようにすることだけです。

index.ios.js

BadInstagramCloneApp.js

次に、console.log はこれをスローします。

すべてを終了し、リロードして再構築するreact-native run-iosと、プロジェクトは正しく構築されますが、スプラッシュ画面が表示された後にクラッシュします。コンソールはエラーを記録しませんが、開発ツールから「キャッチされたすべての例外で一時停止」を選択すると、ここで停止が表示されます。

ターミナルではなく Xcode 内から実行しようとすると、正しくビルドされ、シミュレーターが起動しますが、Xcode 内で cameraProject->Libraries->RCTCamera.xcodeproj->RCTCameraManager.m が開き、988 行が強調表示されます。

これに関するアイデアはありますか？

React-native アプリにカメラを実装しようとしています。このアプリケーションの目的は、ビデオを録画してアップロードし、電話から削除することです。react-native-camera を使用してビデオを録画することができました。

React-native-camera は、録画されたビデオのパスを返します。このパスをreact-native-videoに入れてみました。しかし、これによりアプリケーションがクラッシュします。react-native-video のビデオをロードするには、react-native-fs のようなものを使用する必要がありますか、それともどうすればよいですか?

this.props.file.path に記録されたビデオのパスがあり、Android では次のようになりますが、これによりアプリケーションがクラッシュします。

file:///storage/emulated/0/Pictures/Vid_xxxxxxx_xxxxx.mp4

ビデオを cameraRoll に保存すると、期待どおりに表示されます。

私は使っている

そして、react-native-video で記録されたビデオを firebase にアップロードしようとしています - これは機能しましたが、突然機能しなくなり、今では成功しません。

this.props.file.path が次のようなコードを使用しています。

file:///storage/emulated/0/Pictures/vidid.mp4

Firebase サポートを書いてみましたが、これは回避策であるため役に立ちません。

私のブロブオブジェクトは次のようになります。

反応ネイティブアプリケーションにカメラを実装しています。クリックした後、そのカメラから最近キャプチャされた画像を同じ画面の小さな画像ビューに表示したい。しかし、最近クリックした画像にアクセスする方法がわかりません。電話で新しい画像をクリックすると、デフォルトのランダムな名前が付けられます。画像ビューのソースでそれを参照するにはどうすればよいですか?それを行う方法を教えてください。私のコードは