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

Reactネイティブは、Reactを使用してネイティブモバイルアプリを構築するために使用されるJavaScriptライブラリです。React Nativeの焦点は、関心のあるすべてのプラットフォームにわたる開発者の効率性にあります。

5
React Nativeでバックグラウンドタスクを実行するにはどうすればよいですか?
React Nativeで、位置追跡を行う小さなiOSアプリを作成し、ユーザーが選択したサーバーにlat / lngを定期的に送信します。ただし、これはアプリがフォアグラウンドにある場合にのみ機能します。ユーザーが他のアプリを使用しているときに、このタスクをバックグラウンドで実行するにはどうすればよいですか?


8
レイアウトがiOSステータスバーと重ならないようにする方法
ReactNativeナビゲーションのチュートリアルに取り組んでいます。すべてのレイアウトがステータスバーの下ではなく、画面の上から読み込まれることがわかりました。これにより、ほとんどのレイアウトがステータスバーと重なります。ロード時にビューにパディングを追加することで、これを修正できます。これは実際の方法ですか?手動でパディングを追加することは、それを解決する実際の方法ではないと思います。これを修正するためのよりエレガントな方法はありますか? import React, { Component } from 'react'; import { View, Text, Navigator } from 'react-native'; export default class MyScene extends Component { static get defaultProps() { return { title : 'MyScene' }; } render() { return ( <View style={{padding: 20}}> //padding to prevent overlap <Text>Hi! My name is {this.props.title}.</Text> …
81 ios  react-native 

2
CocoaPodsは、ポッド「ReactCommon / jscallinvoker」の互換バージョンを見つけることができませんでした:
RN v0.62にアップデートしました。iOSでアプリを実行すると、次のエラーが表示されます !] CocoaPods could not find compatible versions for pod "ReactCommon/jscallinvoker": In snapshot (Podfile.lock): ReactCommon/jscallinvoker (from `../node_modules/react-native/ReactCommon`) In Podfile: ReactCommon/jscallinvoker (from `../node_modules/react-native/ReactCommon`) None of your spec sources contain a spec satisfying the dependency: `ReactCommon/jscallinvoker (from `../node_modules/react-native/ReactCommon`)`. すべてのnode_modulesを削除し、npm iを実行しました。iOSディレクトリにポッドインストールも行いましたが、問題は解決しません。ポッドレポの更新も行いました。

8
このエラーの取得:エラー:バンドルに失敗しました:エラー:モジュール `react-native-safe-area-context`を解決できません
アプリを実行した後、このエラーが発生します: エラー:バンドルに失敗しました:エラー:react-native-safe-area-contextからモジュールを解決できませんnode_modules/react-navigation-stack/lib/module/vendor/views/Stack/StackView.js:react-native-safe-area-contextがプロジェクト内に見つかりませんでした。 しかし、私が以前のデモで行ったのと同じことです。それは完全にうまくいきました。 私はここで何が間違っているのかわかりません。私のコードを確認してください: インストール用: React Native Navigation&Gesture Handler: npm install --save react-navigation npm install --save react-native-gesture-handler React Native Stack: npm install --save react-navigation-stack App.js import { createAppContainer } from "react-navigation"; import { createStackNavigator } from "react-navigation-stack"; import FirstOptionsPage from "./FirstOptionsPage"; const MainNavigator = createStackNavigator( { FirstOptions: FirstOptionsPage }, { …

7
React-Native別のVirtualizedList-backedコンテナー
反応ネイティブ0.61にアップグレードした後、次のような警告がたくさん表示されます。 VirtualizedLists should never be nested inside plain ScrollViews with the same orientation - use another VirtualizedList-backed container instead. 私がVirtualizedList-backed container使用するべき他のものは何ですか?なぜ今それをそのように使用しないように勧められているのですか?


3
const App:()=> React $ Node =()=> {…}:この命令はどういう意味ですか?
on react-native init ProjectNameでは、メインアプリファイルApp.jsに次のようにコンポーネントの宣言が含まれています。 const App: () => React$Node = () => {...} この指示はどういう意味ですか? const App = () => {...}つまり、として定義されたコンポーネントに慣れているので、特に間の表現がわかりません: () => React$Node。

1
Xcode起動画像ソース
私は非常にばかげた質問をしています。私のxcodeプロジェクトにはLaunch Image Sourceの設定がありません。スプラッシュスクリーンイメージをImages.xcassets-> LaunchImageにすでに追加しましたが、私のプロジェクトターゲットではGeneral- > App Icon and Launch Imagesにはありません起動画像ソースの設定がありません

1
Xcode / Instruments / Time Profilerを使用してReact Nativeソースコードをプロファイルする方法
私たちはReact Native 0.59.10とReact-Redux 5.0.7を使用しており、CPUにバインドされたパフォーマンスの問題が発生しています。この問題では、Reduxアクションが完了するまでに0.25秒かかります。 InstrumentsのTime Profiler構成を使用してプロファイルを作成しましたが、JSコードはシンボリック化されていません。 Chromeでのリモートデバッグは、「リモートインスペクター」ページをデバッグするだけのようで、まったく役に立ちません。 JS関数名/呼び出しに、ソースマップを作成/アタッチする方法、または以下に表示されるメモリアドレスを記号化する方法はありますか?

5
EXPO:モジュールを解決できません './debugger
リロード後、アプリの読み込みが停止しました。 私は両方のエミュレーターと2つの実際のデバイス、androidとiosを試しました。 エラーは: エラー:./debugger-ui/debuggerWorker.d9da4ed7``:からモジュールを解決できません そして、時々、「インスタンスが見つかりません」というエラーが発生します。 私は以下を試しました: 明確な監視員の時計:watchman watch-del-all。 node_modulesフォルダを削除します:rm -rf node_modules && npm install。 Metro Bundlerキャッシュをリセットします:rm -rf /tmp/metro-bundler-cache-*またはnpm start -- --reset-cache。 速攻キャッシュを削除:rm -rf /tmp/haste-map-react-native-packager-*。 コンピュータを再起動します。 Expo CLI 3.11.3 environment info: System: OS: macOS 10.15.2 Shell: 5.7.1 - /bin/zsh Binaries: Node: 12.8.0 - ~/.nvm/versions/node/v12.8.0/bin/node Yarn: 1.19.1 - /usr/local/bin/yarn npm: 6.13.4 - …

1
TypeScriptコンパイラエラーにもかかわらず、React Nativeアプリが正常にビルドされるのはなぜですか?
私は最近ExpoでTypeScriptを使い始めました。リンター/フォーマッターの統合をすべて行ったtypescript-eslintので、コーディング中にほとんどのエラーをキャッチできます。コードがコンパイルされるかどうかを確認するために、時々実行npx tscして修正します。 まだ十分に理解していないことの1つは、コンパイルエラーが多数ある場合でもアプリが正常にビルドされる理由です。アプリが正常にビルドされるのではなく、すべてのコンパイルエラーに対して赤い画面エラーが表示されることを期待(および好む)し、後で見つけます。例えば、 function square<T>(x: T): T { console.log(x.length); // error TS2339: Property 'length' does not exist on type 'T'. return x * x; } コンパイル時に簡単に確認できる典型的なTypeScriptエラーです(私はそう思いますか?)。大きな赤い画面エラーが発生し、ビルドが失敗するようにしたい。 私はTypeScriptを初めて使用するので、非常に重要なものが見当たらない可能性があります。この寛大さを正確に引き起こしているものは何ですか?より厳密なチェックを強制する方法はありますか?


6
タイプorg.gradle.api.internal.artifacts.dsl.dependencies.DefaultDependencyHandlerのオブジェクトの不明なプロパティ 'supportLibVersion'
次のエラーが発生します タイプorg.gradle.api.internal.artifacts.dsl.dependencies.DefaultDependencyHandのオブジェクトの不明なプロパティ 'supportLibVersion'を取得できませんでした 反応ネイティブアプリケーションと反応ネイティブマップの依存関係に取り組んでいますが、エラーが発生します dependencies { def supportLibMajorVersion = supportLibVersion.split('\\.')[0] as int def appCompatLibName = (supportLibMajorVersion < 20) ? "androidx.appcompat:appcompat" : "com.android.support:appcompat-v7" implementation "$appCompatLibName:$supportLibVersion" implementation('com.facebook.react:react-native:+') { exclude group: 'com.android.support' } implementation "com.google.android.gms:play-services-base:${safeExtGet('playServicesVersion', '16.1.0')}" implementation "com.google.android.gms:play-services-maps:${safeExtGet('playServicesVersion', '16.1.0')}" implementation 'com.google.maps.android:android-maps-utils:0.5' } 誰もがここで何が悪いのか考えていますか? 端末のエラーは 失敗:ビルドは例外で失敗しました。 場所: ビルドファイル 'D:\ react native \ abhishek \ …

5
Androidの起動に関する問題。サポートされていないクラスファイルメジャーバージョン57
はじめにmac androidをフォローしましたが、androidを実行すると次のエラーで失敗します。オンラインで答えを見つけようとしましたが、解決策を見つけることができません。私は自分のマシンに正しいjava jdk8がインストールされていることを確認しましたが、それでもこのエラーが発生します。アドバイスは大歓迎です! > startup failed: General error during semantic analysis: Unsupported class file major version 57 java.lang.IllegalArgumentException: Unsupported class file major version 57 at groovyjarjarasm.asm.ClassReader.<init>(ClassReader.java:184) at groovyjarjarasm.asm.ClassReader.<init>(ClassReader.java:166) at groovyjarjarasm.asm.ClassReader.<init>(ClassReader.java:152) at groovyjarjarasm.asm.ClassReader.<init>(ClassReader.java:273) at org.codehaus.groovy.ast.decompiled.AsmDecompiler.parseClass(AsmDecompiler.java:81) at org.codehaus.groovy.control.ClassNodeResolver.findDecompiled(ClassNodeResolver.java:254) at org.codehaus.groovy.control.ClassNodeResolver.tryAsLoaderClassOrScript(ClassNodeResolver.java:192) at org.codehaus.groovy.control.ClassNodeResolver.findClassNode(ClassNodeResolver.java:172) at org.codehaus.groovy.control.ClassNodeResolver.resolveName(ClassNodeResolver.java:128) at org.codehaus.groovy.ast.decompiled.AsmReferenceResolver.resolveClassNullable(AsmReferenceResolver.java:59) at org.codehaus.groovy.ast.decompiled.AsmReferenceResolver.resolveClass(AsmReferenceResolver.java:46) at org.codehaus.groovy.ast.decompiled.AsmReferenceResolver.resolveNonArrayType(AsmReferenceResolver.java:81) at org.codehaus.groovy.ast.decompiled.AsmReferenceResolver.resolveType(AsmReferenceResolver.java:72) …

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.