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

Nexus5（Android 5.1.1）でAwesomeProjectを実行しようとしています。 プロジェクトをビルドしてデバイスにインストールできます。しかし、それを実行すると、赤い画面が表示されました JSバンドルをダウンロードできません。開発サーバーを起動するか、デバイスを接続するのを忘れましたか？ 反応ネイティブiOSでは、jsbundleをオフラインでロードすることを選択できます。Androidで同じことをするにはどうすればよいですか？（または、少なくとも、どこでサーバーアドレスを構成できますか？） 更新 ローカルサーバーで実行するには、react-nativeプロジェクトのルートディレクトリで次のコマンドを実行します。 react-native start > /dev/null 2>&1 & adb reverse tcp:8081 tcp:8081 詳細についてはdsissitkaの回答をご覧ください。 サーバーなしで実行するには、次のコマンドを実行して、jsfileをapkにバンドルします。 下にアセットフォルダを作成します android/app/src/main curl "http://localhost:8081/index.android.bundle?platform=android" -o "android/app/src/main/assets/index.android.bundle" 詳細については、kzzzfの回答をご覧ください。

201 android  react-native 

2つのTextInputフィールドを次のように定義しました。 <TextInput style = {styles.titleInput} returnKeyType = {"next"} autoFocus = {true} placeholder = "Title" /> <TextInput style = {styles.descriptionInput} multiline = {true} maxLength = {200} placeholder = "Description" /> しかし、キーボードの「次へ」ボタンを押した後、反応ネイティブアプリが2番目のTextInputフィールドにジャンプしません。どうすればそれを達成できますか？ ありがとう！

201 ios  react-native 

反応ネイティブプロジェクトを実行すると、エラーno bundle URL presentが発生しますが、自分が何をしたのかわかりません。非常に混乱しました。

199 ios  reactjs  react-native 

Expoウェブサイトから Expoを使用すると、Web開発者は、iOSとAndroidの両方で機能する真にネイティブなアプリを、JavaScriptで一度だけ作成することで構築できます。 これはReact Nativeが行うことではありませんか？違いは何ですか？

199 react-native  react-native-android  expo  react-native-ios  exponentjs 

この投稿を改善したいですか？この質問に対する詳細な回答を提供します。これには、引用と、回答が正しい理由の説明が含まれます。詳細が不十分な回答は編集または削除される場合があります。 新しいプロジェクトを初期化してからXcodeエミュレーターを起動すると、次のメッセージが表示されます。 React-Nativeバージョンの不一致 Javascriptバージョン0.50.1ネイティブバージョン：0.50.0 ネイティブコードをリビルドしたことを確認してください。... 誰かがここで何が起こっているのか知っていて、私を助けることができますか？

196 react-native  react-native-android  react-native-ios 

renderReactコンポーネントのメソッド内でコメントを使用するにはどうすればよいですか？ 次のコンポーネントがあります。 'use strict'; var React = require('react'), Button = require('./button'), UnorderedList = require('./unordered-list'); class Dropdown extends React.Component{ constructor(props) { super(props); } handleClick() { alert('I am click here'); } render() { return ( <div className="dropdown"> // whenClicked is a property not an event, per se. <Button whenClicked={this.handleClick} className="btn-default" title={this.props.title} subTitleClassName="caret"></Button> …

191 reactjs  react-native 

以前react-native init MyAppは新しいReact Nativeアプリを初期化していました。これにより、パッケージとともにAndroidプロジェクトが作成されましたcom.myapp。 このパッケージ名を変更する最良の方法は何com.mycompany.myappですか。 私はそれを変更しようとしましたAndroidManifest.xmlが、それは他のエラーを作成したので、私はそれが方法ではないと仮定しています。 何か案が？

179 android  react-native  react-native-android 

ReactJSでコンポーネントの状態を切り替えようとしていますが、次のエラーが表示されます。 最大更新深度を超えました。これは、コンポーネントがcomponentWillUpdateまたはcomponentDidUpdate内で繰り返しsetStateを呼び出すときに発生する可能性があります。Reactはネストされた更新の数を制限して、無限ループを防止します。 私のコードに無限ループが見えません、誰か助けてもらえますか？ ReactJSコンポーネントコード： import React, { Component } from 'react'; import styled from 'styled-components'; class Item extends React.Component { constructor(props) { super(props); this.toggle= this.toggle.bind(this); this.state = { details: false } } toggle(){ const currentState = this.state.details; this.setState({ details: !currentState }); } render() { return ( <tr className="Item"> <td>{this.props.config.server}</td> <td>{this.props.config.verbose}</td> …

177 javascript  reactjs  react-native 

Macでは、React-Native、Android、Genymotionを使用しています。実行するreact-native run-androidと、起動操作の最後に次の行が表示されます。 ... 04:54:40 E/adb: error: could not install *smartsocket* listener: Address already in use 04:54:40 E/adb: ADB server didn't ACK 04:54:40 E/ddms: '/Users/paulbrie/Library/Android/sdk/platform-tools/adb,start-server' failed -- run manually if necessary 04:54:40 E/adb: * failed to start daemon * 04:54:40 E/adb: error: cannot connect to daemon :app:installDebug FAILED FAILURE: Build failed …

168 android  react-native  genymotion 

Android 4.4.2で反応ネイティブプロジェクトを作成しようとすると、このエラー画面が表示されます そしてそれを解決する方法を見つけることができませんでした。パッケージャを再起動し、デバイスを再接続して、react Nativeを再インストールして新しいプロジェクトを開始してみました。6.0.0以降のバージョンでは問題なく動作します。

167 android  react-native 

私は現在、React-Nativeチュートリアルを行っています。はじめにチュートリアルから始めました。そこでは、新しいreactネイティブプロジェクトを作成し、デバイスでプロジェクトを正常に実行することができました。 次に、Propsチュートリアルを開始し、コードスニペットをコピーしてプロジェクトを再度実行しようとしたところ、次のエラーメッセージが画面に表示されました。

166 javascript  facebook  reactjs  react-native 

私は反応ネイティブの初心者なので、手順に問題がある場合はお知らせください。 ドキュメントに従ってコマンドを使用して、反応するネイティブAndroidアプリを作成しました 反応ネイティブのアンドロイド デバイスで実行中に次のコマンドが使用されました 反応ネイティブ実行アンドロイド 私のプロジェクトフォルダ/ android / app / build / outputs / apkにある2つのapkファイルの出力を私に与えます インストール後にこのapkをインストールするために使用するとき、JSをバンドルするために接続する開発サーバーを要求します。しかし、私の要件は、ユーザーがapkをインストールする必要があるだけで開発サーバーと格闘する必要がなく、すべてが完了していることです。 いくつかのスタックオーバーフローの質問を通過しましたが、開発サーバーを必要としない署名されていないapkの作成には役立ちません。 React NativeでAPKを作成して署名しない方法を見つけるのを手伝ってくれませんか？

166 android  apk  react-native 

react-native run-androidコマンドは、Androidシミュレーターにメッセージを残して終了します。メッセージは次のとおりです。 スクリプトを読み込めません。Metroサーバーを実行しているか、バンドル「index.android.bundle」がリリース用に正しくパッケージ化されていることを確認してください。 何が悪いのですか？

160 reactjs  react-native  react-native-android  react-native-cli  metro-bundler 

コンポーネントの助けを借りてビュー間のカスタムナビゲーションを備えたデモアプリを開発しながら、React Nativeの可能性を探っていNavigatorます。 メインアプリクラスはナビゲーターをレンダリングし、内部renderSceneは渡されたコンポーネントを返します。 class App extends React.Component { render() { return ( <Navigator initialRoute={{name: 'WelcomeView', component: WelcomeView}} configureScene={() => { return Navigator.SceneConfigs.FloatFromRight; }} renderScene={(route, navigator) => { // count the number of func calls console.log(route, navigator); if (route.component) { return React.createElement(route.component, { navigator }); } }} /> ); } } …

158 javascript  ios  navigation  reactjs  react-native 

このコマンドを実行すると： react-native run-ios 私のアプリはデフォルトでiPhone6シミュレーターデバイスで実行されます。 Found Xcode project RN.xcodeproj Launching iPhone 6 (9.2)... デフォルトでアプリを別のシミュレーターデバイス（iPhone5sなど）で実行するにはどうすればよいですか？

158 react-native