問題タブ [react-native-android]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
react-native - デバイスで React Native Android を実行する
この公式ヘルプページをたどり、以前の SO questionも参照しました。
しかし、ここで何が問題なのかはまだわかりません。
一歩一歩進んでみましょう:
パッケージ サーバーが実行されていることを確認します。スクリーンショットから、「react-native run-android」と入力したコマンドと「Starting JS server...」という応答を確認できます。
デバイスが接続されていることを確認してください...はい、Vysor は私のデバイスを認識しています。スクリーンショットで実行中のアプリを表示している Vysor が表示されます。
... USB 有効はい、アプリは実行されています。そのため、赤いエラー画面が表示されますが、それでもアプリは実行されています。
「adb reverse tcp:8081 tcp:8081」を実行しますはい、スクリーンショットはコマンドを実行したことを示しています。
デバイスとポート...はい、それも行いました。次のスクリーンショットを見る
私はまだ何を間違っていますか?どうすればそれを機能させることができますか?
react-native - 反応ネイティブのプロジェクトの初期化を高速化する方法はありますか?
私はネイティブに反応するのが初めてで、プロジェクトのセットアップに問題があります。react-native init を実行するたびに、プロンプトが「npm からの react-native パッケージのインストール」で文字通り何時間もスタックします。私のネット速度はまあまあですが、この npm プロセスにはかなりの時間がかかる傾向があります。しばらく Node+React に取り組んできましたが、この種のものに遭遇したことはありません。何度も試しました。同様の問題がユーザーから報告されていますが、彼らのハッキングはどれもうまくいかないようです. それで...これを加速する方法はありますか?
npm パッケージのオフライン インストールの何らかの手段に頼ることを考えています。
また、「--verbose」を追加すると、次のようなエラー メッセージが表示されます
ノードのバージョン - 4.4.5
NPM バージョン - 2.15.5
javascript - React Native ソースマップ - 間違ったファイル
Chrome でリモート デバッグすると、ファイルがすべて間違っています。ソース ファイルを開きますが、それは本来のファイルではありません。
例えば...
- 開く
common/BaseComponent.js
と、ソースがnative/components/logGraph.js
. - 開く
native/components/logGraph.js
と、 のソースが得られますnative/actions/driverActions.js
。 - などなど、明らかな韻や理由はありません。
「正しい」ファイルを見つけても、ブレークポイントにヒットしません。
次に...特定の古いブランチに切り替えると、問題はなくなります。これは、react-native がつまずいているコードに特定の何かがあることを示しています。
これをトラブルシューティングする方法さえわかりません。他の誰かがこの問題を抱えている場合、Interwebs で見つけることができません。
提案?
関連がある場合は、エミュレーションに Genymotion を使用しています。反応ネイティブ 0.26 を使用しています。私のパートナーは、私たちを 0.30-rc にして、それが修正されるかどうかを確認するために取り組んでいます。
reactjs - 「絶対」プロパティが機能せず、Androidの画面に戻っているときにネイティブに反応する
反応するネイティブのビデオ会議モジュールに取り組んでいます。右下の小さな画面にリモート ビデオのフル スクリーンとセルフ ビデオの完全なビューを表示しています。スタイルは、
私のコード、
私のmainContainerスタイルは、
ここでのシナリオは、他の画面を開いてビデオ ビュー画面に戻った後、リモート ビューに適切に表示されますが、セルフ ビデオ ビューが表示されない場合です。しかし、アイコンは適切な位置を示しています(注:デバイスで同じコードを実行すると、iOS
デバイスでは正しく動作しませんandroid
)。私は1つのテストケースを実行し、リモートビデオの小さなフレームを作成し、その位置に自分のビデオが表示されている他の画面に戻ったときにアプリケーションを再度実行します。つまり、完全なリモート ビデオでも表示されますが、セルフ ビデオ ビューはリモート ビデオに戻ります。自分のビデオを前面に出す方法。
react-native - React Native - いいえ app-release.apk
反応ネイティブ アプリのリリース apk を生成しようとしています。反応ネイティブ 0.29 を使用しています。https://facebook.github.io/react-native/docs/signed-apk-android.htmlの指示に従っています
これが私の端末の出力です:
app-release.apk
しかし、ありませんandroid/app/build/outputs/apk/app-release.apk
を生成し、my-release-key.keystore
に配置しましたandroid/app
。次に、グローバル変数を追加します~/.gradle/gradle.properties
。
次に、追加singingConfigs
しましたandroid/app/build.gradle
:
次にcd android && ./gradlew assembleRelease
、プロジェクト フォルダーからコマンドを実行します。しかし運が悪い、私は何も持っていませんapp-realease.apk
。私が見逃している点はありますか?