タグ付けされた質問 「react-native」

私は、react-nativeやその他のメディアソース、ブログの公式ドキュメントを確認しましたが、react-nativeにはUIスレッドとJavaScriptスレッドがあることを知りました。Javascriptスレッドは、ロジックがJavaScriptコードを実行し、API呼び出しが行われ、タッチイベントが処理され、その他多くのスレッドです。また、UIスレッドはUIを更新します。 JavaScriptスレッドがプロセスで機能していて、ボタンアクションまたはその他のタッチイベントを再度実行した場合、1つのプロセスが完了した後、UIが更新されるのは、遅れているように感じるかどこかに行き詰まるまで続きます。 例えば 4つのタブがある下部のタブナビゲーターがあり、最初のタブにリストビューがあり、2番目のタブに複数のポイント間のルートを示すマップビューがあります。 最初のタブでいくつかのボタンアクション（リストビューのボタンのようにクリック）を実行し、すぐに2番目のタブに移動しました。UIの更新に少し遅れを感じたり、最初から移動するのに時間がかかる（1〜3秒）タブから2番目のタブ 2番目のタブでは、他のタブに移動すると、このプロセスが進行しているときに、マップが複数のポイント間のルートを取得するのに時間がかかり（5〜10秒）、タブ間のナビゲーションがスムーズでなく、UIラグがたくさんあります。 反応ネイティブアプリをタッチ可能なアクションにより速く応答させ、UIラグを減らすにはどうすればよいですか メインスレッドで特定のロジックを実行し、UIを更新して反応ネイティブアプリケーションを遅延なしで高速に応答させることができるマルチスレッドおよびバックグラウンドスレッドの概念はありますか？

13 multithreading  react-native  ui-thread  background-thread 

Soundcloudからいくつかのトラックをストリーミングする反応ネイティブアプリを作成しようとしています。テストとして、Pythonを使用してAPIで遊んでおり、URLの解決、プレイリスト/トラックのプル、その他必要なものすべてをリクエストすることができます。 とはいえ、特定のトラックのstream_urlにリクエストを送信すると、401エラーが発生します。 問題の現在のURLは次のとおりです：https : //api.soundcloud.com/tracks/699691660/stream?client_id=PGBAyVqBYXvDBjeaz3kSsHAMnr1fndq1 ？client_id ...なしで試してみましたが、？＆を使用して、別のclient_idを取得しようとしました。allow_redirectsをtrueとfalseの両方として使用しようとしましたが、何も機能しないようです。どんな助けでも大歓迎です。 すべてのトラックのストリーミング可能なプロパティはTrueであるため、権限の問題であってはなりません。 編集： 少し調べたところ、半ば成功した回避策が見つかりました。APIの/ streamエンドポイントはまだ機能していませんが、宛先エンドポイントをhttp://feeds.soundcloud.com/users/soundcloud:users：/sounds.rssに変更すると、次のようなRSSフィードが提供されます（ほとんど）トラックまたはプレイリストのAPIエンドポイントを使用して得られるものと同じです。 そこに含まれるリンクはストリーミングできます。

13 react-native  soundcloud 

ChromeでReact Native 0.61.5アプリをデバッグしています。通常、ブレークポイントでコードの実行が停止し、プロパティにカーソルを合わせると、ポップアップウィンドウにその詳細がすべて表示されます。しかし、2日間この機能を取り戻すことはできません。コンピュータを再起動し、ChromeとMetroバンドルをクリーンアップし、仮想デバイスまたは実際のデバイスで試しましたが、それでも機能しません。誤って何かを無効にしましたか？

11 react-native  google-chrome  google-chrome-devtools 

私はこの問題に長い間行き詰っています。私は、react-native-firebaseを使用して、react-nativeアプリケーションにFirestoreを実装し始めました。私はドキュメント[ https://invertase.io/oss/react-native-firebase/v6/firestore/quick-start#reading-data]に従っているだけですが、機能しません。 これはAndroidにあります。iOSではまだテストしていません。 私はこのエラーを受け取り続けます： [TypeError: undefined is not a function (near '...this._firestore.native.collectionGet...')] 関連するコードは次のとおりです。 import React, {Component} from 'react'; import { firebase } from '@react-native-firebase/firestore'; export default App extends Component{ constructor(props) { super(props); this.getData= this.getData.bind(this) this.getData() this.state = {}; } async getData() { try { const querySnapshot = await firebase.firestore() .collection('Gyms') …

11 javascript  firebase  react-native  google-cloud-firestore  react-native-firebase 

プロジェクトでDrawerナビゲーションを設計します。 次のコマンドでインストールしました： npm install @react-navigation/drawer 次にそれをインポートしました App.js import { createDrawerNavigator } from '@react-navigation/drawer'; import { NavigationContainer } from '@react-navigation/native'; これは私のpackage.jsonコンテンツです： "@react-native-community/masked-view": "^0.1.6", "@react-navigation/drawer": "^5.0.0", "react": "16.9.0", "react-native": "0.61.5", "react-native-gesture-handler": "^1.5.6", "react-native-reanimated": "^1.7.0", "react-native-screens": "^2.0.0-beta.1", "react-native-view-shot": "^3.0.2", "react-navigation": "^4.1.1", "react-navigation-stack": "^2.1.0", これは私のApp.jsコンテンツです： const App = () => { const Drawer = …

10 reactjs  react-native  navigation-drawer  react-navigation 

アプリを初めてGoogle Playストアに公開しようとしています。Google Play Signingにオプトインしました。別のキーを使用してアップロードする場合、コンソールは特定のSHA1識別子を持つ他のキーを使用してアップロードするよう指示するので、私は正しいキーでAndroid App Bundleに署名しているという事実を知っています。しかし、正しいキーでアップロードすると、次のエラーが発生します。 一部のファイルの署名情報が無効または欠落しているAPKまたはAndroid App Bundleをアップロードしました。 私は次のようにAndroid Studioを使用してアプリをビルドしています：ビルド>署名付きバンドル/ APKの生成> Android App Bundle>キーストアの選択とパスワードの入力>リリース>完了 アプリは、分離されたExpo / ExpoKitで構築されたReact Nativeアプリです。Apple App Storeへのアップロードは問題なく動作します。Playストアに問題があるだけです。何が欠けていますか？ アップデート1：Google Playからアプリを完全に削除して、新しいアプリを作成しました。なかったではない今回の署名Google Playのために選ぶと署名APKをアップロードしました。まだ同じエラー。 Update 2：完全に新しいキーストアとキーを試してみました。まだ同じ。 これがどういうわけか重要になる場合のプロジェクト設定の概要は次のとおりです。 そしてここにありますandroid/app/build.gradle： buildscript { repositories { google() maven { url 'https://maven.fabric.io/public' } } dependencies { classpath 'io.fabric.tools:gradle:1.26.1' } } apply plugin: 'com.android.application' apply plugin: …

10 android  react-native  android-studio 

いくつかの状態が変化したときにあまりにも角のあるカスタムフックを作成しています。 配列で任意の状態を渡すことができるはずです。 import { useState, useEffect } from 'react' const useFlatListUpdate = (dependencies = []) => { const [toggle, setToggle] = useState(false) useEffect(() => { setToggle(t => !t) }, [...dependencies]) return toggle } export default useFlatListUpdate そしてそれはとして使用されるべきです const toggleFlatList = useFlatListUpdate([search, selectedField /*, anything */]) しかし、それは私に次の警告を与えます React Hook useEffectの依存配列には、spread要素があります。これは、正しい依存関係を渡したかどうかを静的に検証できないことを意味します。eslint（react-hooks / …

10 reactjs  react-native  eslint  react-hooks 

反応ネイティブアプリを0.62.0にアップグレードするだけで、アプリはこの警告サインを受け取り続けます ReactNativeFiberHostComponent: Calling `getNode()` on the ref of an Animated component is no longer necessary. You can now directly use the ref instead. This method will be removed in a future release. この問題が発生している理由がわかりませんか？誰か説明していただけますか？ スタックも見ます ref.getNode | createAnimatedComponent.js:129:20 SafeView#_updateMeasurements | index.js:192:14 SafeView#componentDidUpdate | index.js:154:9 更新 これは、反応ナビゲーションからのSafeAreaViewから来ている可能性があると思います

9 react-native  react-navigation 

バンドルを開こうとしましたが、Androidの実行中に次のメッセージが表示されます 2020-01-05 23：15：45.366 26210-26210 / com.note.principal W / .note.principa：隠しフィールドLandroid / view / View;-> mAccessibilityDelegate：Landroid / view / View $ AccessibilityDelegate;へのアクセス （ライトグレーリスト、反射）2020-01-05 23：15：45.470 26210-26242 / com.note.principal E / ReactNativeJS：不変の違反：requireNativeComponent： "RNCSafeAreaView"がUIManagerに見つかりませんでした。 This error is located at: in RNCSafeAreaView in Unknown in Unknown in n in Unknown in Unknown in C in P …

9 javascript  android  reactjs  react-native  gradle 

エミュレーターを実行したまま、react-native run-androidを実行すると、常にこのエラーが発生します。反応ネイティブのrun-iosは完全に正常に動作します。 Error: Command failed: ./gradlew app:installDebug -PreactNativeDevServerPort=8081 :ReactNative:Failed to parse React Native CLI configuration: groovy.json.JsonException: Unable to determine the current character, it is not a string, number, array, or object The current character read is 'E' with an int value of 69 Unable to determine the current character, it …

9 javascript  java  android  node.js  react-native 

認証のためにアプリに生体認証を実装していました。私はそれのために反応ネイティブ生体認証を使用しています。すべてがうまく機能するのはたった1つです。Face-idはAndroidでは機能しません。私はググリングをたくさんしましたが、満足のいく答えを見つけることができませんでした。Androidでface-idを使用することもできますか？ Biometrics.isSensorAvailable() .then((biometryType) => { if (biometryType === Biometrics.TouchID) { console.log('TouchID is supported') } else if (biometryType === Biometrics.FaceID) { console.log('FaceID is supported') } else { console.log('Biometrics not supported') } }) これは、電話でFaceIdを使用している場合でも、常にTouchIdを返します。よろしくお願いします。

9 android  react-native  face-id  android-biometric-prompt 

私はを実装しましたreact-native-fingerprint-scanner、それはのために働いていTouch Idます。 今、私は両方のプラットフォームにTouch ID、顔ID、パスコードの認証を追加したかった デバイスがサポートしているかどうかを確認する方法はありますか？また、使ってみreact-native-touch-idましFace Idたがアンドロイドでは使えません。 両方のプラットフォーム（iOS / Android）でこれを達成する方法はありますか？ 参照：リンク

9 react-native  touch-id  face-id  passcode  android-biometric 

コードの変更を反映するための0.61より前のバージョンのreact-nativeでは、次のような2つのオプションがあります。 ライブ再読み込み（変更を検出したときにアプリを再読み込みします） ホットリロード（リロードせずに変更を反映） しかし、バージョン0.61では、高速リフレッシュと呼ばれる新しい開発者向け機能が導入されており、ホットリロードと同様に機能する ため、問題は、高速リフレッシュとホットリロードの基本的な違いは何ですか。

9 reactjs  react-native  react-native-android  react-native-ios 

expo反応ネイティブプロジェクトでプロジェクトを構築しようとしています。 私のエキスポバージョンは3.2.2、sdkVersionは35です。 cmdで実行したとき（Windows 10の場合） set EXPO_DEBUG=true expo build:android -c 私は得ました： Request failed with status code 400 Error: Request failed with status code 400 at createError (C:\Users\Jonny\AppData\Roaming\npm\node_modules\expo-cli\node_modules\axios\lib\core\createError.js:16:15) at settle (C:\Users\Jonny\AppData\Roaming\npm\node_modules\expo-cli\node_modules\axios\lib\core\settle.js:17:12) at IncomingMessage.handleStreamEnd (C:\Users\Jonny\AppData\Roaming\npm\node_modules\expo-cli\node_modules\axios\lib\adapters\http.js:237:11) at IncomingMessage.emit (events.js:203:15) at endReadableNT (_stream_readable.js:1145:12) at process._tickCallback (internal/process/next_tick.js:63:19) expoバージョン、sdkVersion、reactのバージョンを更新しようとしました。インターネット接続を確認してください。 Expoのログインとログアウトは正常に機能します。ネットワークにプロキシがありません。 どのような検索なのか、この問題をどのように修正するのか、手がかりはありません。

9 react-native  build  expo 

配列のinputリストがあり、配列のリストの入力を開始すると、に対応するフィルターが適用されますvalue。機能しinputますが、文字を入力した後、フォーカスが緩んでしまいます。 私のコード： const MyPage = (props) => { const [searchTerm, setSearchTerm] = useState(""); const results = !searchTerm ? people : people.filter(person => person.toLowerCase().includes(searchTerm.toLocaleLowerCase()) ); const handleChange = event => { setSearchTerm(event.target.value); }; const Desktop = ({ children }) => { const isDesktop = useMediaQuery({ minWidth: 992 }) return ( isDesktop? …

8 reactjs  react-native