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

私は好奇心からReactを学び始め、ReactとReact Nativeの違いを知りたかったのですが、Googleを使用して満足のいく答えを見つけることができませんでした。ReactとReact Nativeの形式は同じようです。それらは完全に異なる構文を持っていますか？

730 javascript  reactjs  react-native  javascript-framework 

Androidの実行を開始するとエラーが発生する What went wrong: A problem occurred evaluating project ':app'. > SDK location not found. Define location with sdk.dir in the local.properties file or with an ANDROID_HOME environment variable.

473 android  react-native 

textinputをタップした場合、キーボードを再び閉じるために（リターンキーではなく）他の場所をタップできるようにしたいと思います。私が読んだすべてのチュートリアルとブログ投稿には、これに関する少しの情報も見つかりませんでした。 この基本的な例は、シミュレーターの反応ネイティブ0.4.2ではまだ機能しません。私のiPhoneではまだ試せませんでした。 <View style={styles.container}> <Text style={styles.welcome}> Welcome to React Native! </Text> <Text style={styles.instructions}> To get started, edit index.ios.js </Text> <Text style={styles.instructions}> Press Cmd+R to reload,{'\n'} Cmd+D or shake for dev menu </Text> <TextInput style={{height: 40, borderColor: 'gray', borderWidth: 1}} onEndEditing={this.clearFocus} /> </View>

448 react-native 

React Nativeの公式Webサイトのチュートリアルに従っています。 以下を使用してプロジェクトをビルドします。 react-native run-ios エラーが発生します： Found Xcode project TestProject.xcodeproj xcrun: error: unable to find utility "instruments", not a developer tool or in PATH Command failed: xcrun instruments -s xcrun: error: unable to find utility "instruments", not a developer tool or in PATH ただし、.xcodeprojからアプリを実行すると、すべてが正常に動作します。 助言がありますか？

394 javascript  ios  reactjs  react-native  ios-simulator 

私のデバイス（Android 4.2.2）で初めて最初のReact Nativeプロジェクトを実行しようとしています。 そして私は得る： アセットindex.android.bundleからスクリプトを読み込めません 私が使用したコマンド： cd (project directory) react-native start react-native run-android

357 android  react-native  react-native-android 

console.logWeb用に開発する場合など、変数をReact Nativeでログに記録するにはどうすればよいですか？

345 logging  react-native 

React Nativeのテキストコンポーネントに新しい行（\ r \ n、<br />など）を挿入したい。 私が持っている場合： <text><br /> Hi~<br > this is a test message.<br /> </text> 次に、React Nativeレンダリング Hi~ this is a test message. テキストをレンダリングして、次のように新しい行を追加することは可能ですか？ Hi~ this is a test message.

335 javascript  text  react-native  newline 

ここでは少し混乱しています。Reactネイティブアプリケーションをデバッグするときは、通常、ホットリロードとライブリロードの両方を有効にします。それらの違いは何ですか？

311 javascript  mobile  react-native 

React Nativeアプリを作成しています。アプリのアイコン（アプリを起動するためにクリックするアイコン）をカスタマイズしたいと思います。私はこれをグーグルで検索しましたが、さまざまなものを参照するさまざまなタイプのアイコンを探し続けています。これらのタイプのアイコンをアプリに追加するにはどうすればよいですか？

271 icons  react-native 

アプリがアプリシミュレーターで実行されているときに、React Nativeを使用してReactコードをデバッグするにはどうすればよいですか？

265 android  ios  react-native  debugging 

休業。この質問には、より焦点を当てる必要があります。現在、回答を受け付けていません。 この質問を改善してみませんか？質問を更新して、この投稿を編集するだけで1つの問題に焦点を当てます。 昨年休業。 この質問を改善する 私はReact Nativeの世界、そして一般的にはモバイル/ネイティブの世界でもまだ新しいです。データの永続性に関しては、ドキュメントが少し不足しているようです。 React Nativeにデータを保存するためのオプションと、各タイプの意味は何ですか？たとえば、ローカルストレージと非同期ストレージがあることはわかりますが、レルムなども表示され、これらすべてが外部データベースでどのように機能するのか混乱しています。 特に知りたい： データの永続化にはどのようなオプションがありますか？ それぞれについて、その永続性の制限は何ですか（つまり、いつデータが利用できなくなるか）？例：アプリケーションを閉じるとき、電話を再起動するときなど それぞれについて、iOSとAndroidでの実装には（一般的なセットアップ以外の）違いがありますか？ オフラインでデータにアクセスするためのオプションはどのように比較されますか？（またはオフラインアクセスは通常どのように処理されますか？） 覚えておくべき他の考慮事項はありますか？ ご協力いただきありがとうございます！

230 android  ios  react-native 

水平と垂直の両方でReactNativeのテキストを中央揃えにする方法は？ justifyContent = "center"およびalignItems = "center"が機能しないrnplay.orgにサンプルアプリケーションがあります。https： //rnplay.org/apps/AoxNKQ テキストは中央揃えにする必要があります。そして、なぜテキスト（黄色）と親コンテナの間に上部にマージンがあるのですか？ コード： 'use strict'; var React = require('react-native'); var { AppRegistry, StyleSheet, Text, Image, View, } = React; var SampleApp = React.createClass({ render: function() { return ( <View style={styles.container}> <View style={styles.topBox}> <Text style={styles.headline}>lorem ipsum{'\n'}ipsum lorem lorem</Text> </View> <View style={styles.otherContainer}> </View> </View> ); } …

212 reactjs  flexbox  react-native 

私は自分のアプリを作成しました。ローカルエミュレーター（およびデバッグサーバーを変更して、同じネットワーク内のAndroidデバイスでも）で実行できます。 ただし、開発サーバーにアクセスせずに誰かに送信できるAPKを作成し、アプリケーションをテストできるようにしたいと考えています。 ドキュメントの「iOSでのオフラインバンドルの使用」セクションが表示されます。しかし、私はアンドロイドのために同じことを達成する方法を理解することができませんでした。これは可能ですか？もしそうなら、どうですか？ 更新：この質問への回答（AndroidはJSバンドルのロードに失敗しました）では、オフラインバンドルを開発サーバーからダウンロードできると言われています。しかし、開発サーバーからバンドルを取得すると、画像ファイルをロードできません。

210 javascript  android  react-native  mobile-application 

すでにいくつかのflexboxチュートリアルを読みましたが、それでもこの単純なタスクを機能させることができません。 赤いボックスの幅を100％にするにはどうすればよいですか？ コード： <View style={styles.container}> <Text style={styles.welcome}> Welcome to React Natives </Text> <Text style={styles.line1}> line1 </Text> <Text style={styles.instructions}> Press Cmd+R to reload,{'\n'} Cmd+D or shake for dev menu </Text> </View> スタイル： container: { flex: 1, justifyContent: 'center', alignItems: 'center', backgroundColor: '#F5FCFF', borderWidth: 1, flexDirection: 'column', }, welcome: { fontSize: 20, …

203 flexbox  react-native 

私はクロスプラットフォームのReact Nativeモバイルアプリに取り組んでいます。開発中のconsole.logステートメントを書いています。デフォルトのAndroidエミュレーターでAndroidアプリを実行しているときに、これらのログステートメントをChromeで確認したいと思います。Facebookのドキュメントによると、「デバイスを振る」だけです。Androidエミュレータでこれを行うにはどうすればよいですか？ アプリ内デベロッパーメニューにアクセスするには： iOSでは、デバイスを振るか、シミュレータでCtrl +⌘+ zを押します。Androidでは、デバイスをシェイクするか、ハードウェアメニューボタンを押します（古いデバイスで利用可能で、ほとんどのエミュレーターで使用できます。たとえば、genymotionでは、⌘+ mを押して、ハードウェアメニューボタンのクリックをシミュレートできます）。

201 android  android-emulator  react-native