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

React Nativeアプリを使用していて、起動画面のカスタマイズを設定しようとしていますが、設定できません。 React NativeはデフォルトでLaunchScreen.xibを作成するため、Images.xcassets内にLaunchImageを作成しました。 オプションの「アプリのアイコンと起動画像」の下にある「起動画面ファイル」を変更する必要があることも読みました。 これを実行すると、起動画面が真っ黒になり、アプリが読み込まれると、上部と下部の両方に黒いフレームが表示されます。 そのため、React Nativeプロジェクトで起動画面を設定するために何をしなければならないのかわかりません。 誰かがそれらのトラブルを手伝ってくれるなら、私は感謝します。 前もって感謝します。

105 ios  xcode  react-native  asset-catalog 

Reactネイティブで画面幅を取得するにはどうすればよいですか？ （私は重複しているいくつかの絶対コンポーネントを使用しており、画面上のそれらの位置が異なるデバイスで変化するため、それが必要です）

105 react-native 

StyleSheet.create()プレーンオブジェクトを使用するメリットとは何ですか。 const styles = StyleSheet.create({ container: { flex: 1 } } 対 const styles = { container: { flex: 1 } }

105 react-native 

ポートレート表示のみをサポートしたい。React Nativeアプリが自動回転しないようにするにはどうすればよいですか？ドキュメントとGithubの問題を検索してみましたが、役立つ情報はありませんでした。

104 ios  react-native 

私は奇妙な問題に直面しています。リアクションネイティブアプリで、onPressイベントを設定したView場合はトリガーされませんが、これをTextinside に設定した場合は起動Viewします。ここで何が欠けていますか？ <View style={{backgroundColor: "red", padding: 20}}> <Text onPress={()=> { console.log('works'); } }>X</Text> </View> <View style={{backgroundColor: "red", padding: 20}} onPress={()=> { console.log('does not work'); } }> <Text>X</Text> </View> これはなぜですか？これはReact Nativeの問題ですか？バージョン0.43を使用しています

104 react-native  react-native-android 

シミュレータで行うように、コマンドラインから直接iOSデバイスで反応ネイティブアプリケーションを実行することは可能react-native run ios --simulator "iPhone 5s"ですか？

103 ios  react-native 

私はAndroidでReactNativeを使用しています。アプリでバージョン番号を更新するにはどうすればよいですか？このエラーが発生しているので。 このURLに従ってファイルを生成しています https://facebook.github.io/react-native/docs/signed-apk-android.html AndroidManifest.xmlファイルを変更しようとしましたが、ビルドした後、そのファイルは自動的に変更されます。 <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.facebook.react" android:versionCode="1" android:versionName="1.0" > ここで、XMLを変更しました。 <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.facebook.react" android:versionCode="2" android:versionName="1.1" > その後、ビルドファイルは自動的に元に戻ります。

103 android  react-native 

JSONなどのローカルファイルを保存し、コントローラーからデータをフェッチするにはどうすればよいですか？

102 json  react-native  local-files 

デバッグを支援するためにReact Nativeでネットワークリクエストを表示したい-理想的には、Chromeの開発ツールの[ネットワーク]タブで。 GitHub（https://github.com/facebook/react-native/issues/4122およびhttps://github.com/facebook/react-native/issues/934）には、これに関するいくつかのクローズされた問題がありますが、私はしませんそれらを完全に理解する。React Nativeのポリフィルの一部を元に戻し、追加のデバッグフラグを使用してコマンドを実行し、Chromeのセキュリティ設定を変更する必要があるようです。そして、どうやらこれを行うことにはセキュリティ上の問題があり、ひどい考えになるかもしれませんが、スレッドに関与している人は誰も、それらが何であるかを明確に述べていません。 誰かが、React Nativeで[ネットワーク]タブを機能させるためのステップバイステップのガイドと、それに伴うセキュリティ問題の説明を提供できますか？

102 javascript  google-chrome-devtools  react-native 

iOSとAndroidの両方でReactNativeを使用してアプリを作成しましたListView。リストビューに有効なデータソースを入力すると、画面の下部に次の警告が出力されます。 警告：配列またはイテレータの各子には、一意の「キー」プロップが必要です。のrenderメソッドを確認してくださいListView。 この警告の目的は何ですか？メッセージの後、彼らはこのページにリンクします。そこでは、react nativeとは関係がなく、Webベースのreactjsとは関係のない完全に異なることが説明されています。 私のListViewは、次のステートメントで構築されています。 render() { var store = this.props.store; return ( <ListView dataSource={this.state.dataSource} renderHeader={this.renderHeader.bind(this)} renderRow={this.renderDetailItem.bind(this)} renderSeparator={this.renderSeparator.bind(this)} style={styles.listView} /> ); } 私のデータソースは次のようなもので構成されています。 var detailItems = []; detailItems.push( new DetailItem('plain', store.address) ); detailItems.push( new DetailItem('map', '') ); if(store.telefon) { detailItems.push( new DetailItem('contact', store.telefon, 'Anrufen', 'fontawesome|phone') ); } if(store.email) { detailItems.push( …

102 facebook  listview  reactjs  react-native 

TextInputがあります。入力した実際のテキストを表示する代わりに、ユーザーがテキストを入力したときにアスタリスク（****）を表示したいと思います。これどうやってするの？ <TextInput style={{ height: 40, borderColor: 'gray', borderWidth: 1 }} onChangeText={(text) => this.setState({input: text})} />

102 react-native 

TextInput数字（0〜9）のみを入力できるReactNativeコンポーネントが必要です。ピリオド（。）を除いて、入力のためにほとんどそこに到達するkeyboardTypeまでnumericを設定できます。ただし、これは数値以外の文字をフィールドに貼り付けるのを止めるものではありません。 私がこれまでに思いついたのは、OnChangeTextイベントを使用して入力されたテキストを確認することです。テキストから数字以外の文字を削除します。次に、テキストを状態フィールドに入力します。次に、そのプロパティTextInputを介して更新しValueます。以下のコードスニペット。 <TextInput style={styles.textInput} keyboardType = 'numeric' onChangeText = {(text)=> this.onChanged(text)} value = {this.state.myNumber} /> onTextChanged(text) { // code to remove non-numeric characters from text this.setState({myNumber: text}) } これはうまくいくようですが、ハックのようです。これを行う別の方法はありますか？

101 react-native 

React Nativeでフォームを作成していてTextInput、画面幅の80％にしたいと考えています。 HTMLと通常のCSSでは、これは簡単です。 input { display: block; width: 80%; margin: auto; } React Nativeがdisplayプロパティ、パーセンテージ幅、または自動マージンをサポートしていないことを除いて。 では、代わりに何をすべきでしょうか？この問題については、React Nativeの課題追跡にいくらか議論がありますが、提案された解決策は厄介なハックのようです。

98 javascript  css  reactjs  react-native 

React NativeにこのCSSに相当するものがあるので、アプリはどこでも同じフォントを使用しますか？ body { font-family: 'Open Sans'; } すべてのTextノードに手動で適用するのは非常に複雑に見えます。

98 react-native 

私はReactを初めて使用し、コンポーネントベースのインラインスタイルの利点を理解しています。しかし、なんらかのグローバルスタイルを実現するための適切な方法があるかどうか疑問に思っています。たとえば、アプリ全体で同じテキストとボタンのカラーリングを使用したいとします。 すべてのコンポーネントで繰り返すのではなく（その後、必要に応じてxか所で変更する必要があります）、私の最初の考えは、独自のファイルに「ベース」StyleSheetクラスを作成し、コンポーネントにインポートすることです。 より良い、またはもっと「反応する」方法はありますか？

96 react-native