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

ネイティブアプリがウィンドウを自動スクロールするこのハックを見てきましたが、React Nativeでそれを行うには最善の方法を考えています... <TextInput>フィールドがフォーカスを取得してビューの低い位置に配置されると、キーボードがテキストフィールドを覆います。 この問題は、UIExplorerのTextInputExample.jsビューの例で確認できます。 誰かが良い解決策を持っていますか？

90 javascript  react-native 

ListViewとは異なり、this.state.datasourceを更新できます。FlatListを更新または再レンダリングする方法や例はありますか？ 私の目標は、ユーザーがボタンを押したときにテキスト値を更新することです... renderEntries({ item, index }) { return( <TouchableHighlight onPress={()=> this.setState({value: this.state.data[index].value+1})> <Text>{this.state.data[index].value}</Text> </TouchableHighlight> ) } <FlatList ref={(ref) => { this.list = ref; }} keyExtractor={(item) => item.entry.entryId} data={this.state.data} renderItem={this.renderEntries.bind(this)} horizontal={false} />

88 reactjs  react-native  react-native-flatlist 

チャットのようなアプリの場合、ScrollView最新のメッセージが古いメッセージの下に表示されるため、コンポーネントを一番下までスクロールしたままにしておきます。のスクロール位置を調整できますScrollViewか？

87 react-native 

私はreactnativeナビゲーション（react-navigation）StackNavigatorを使用しています。これは、アプリのライフサイクル全体を通じてログインページから始まります。ログイン画面に戻るという戻るオプションは必要ありません。ログイン画面の後に画面に非表示にする方法を知っている人はいますか？ところで、私はまた、以下を使用してログイン画面にそれを隠しています： const MainStack = StackNavigator({ Login: { screen: Login, navigationOptions: { title: "Login", header: { visible: false, }, }, }, // ... other screens here })

87 reactjs  react-native  navigation  react-navigation 

新しいReactNativeプロジェクトを開始しましたが、次の警告が表示され続けます。 リモートデバッガーはバックグラウンドタブにあるため、アプリのパフォーマンスが低下する可能性があります。タブを前景にする（または別のウィンドウで開く）ことでこれを修正します。 それは少し面倒なので、どうすればそれを取り除くことができるか知りたいですか？Chromeでデバッガーを実行していて、別のウィンドウに移動しましたが、役に立ちませんでした。

86 react-native 

<Text> some text </Text>反応ネイティブで大文字として設定する方法 <Text style={{}}> Test </Text> そのテストをTESTとして表示する必要があります。

86 react-native 

ReactNativeアプリ名を変更する方法を見つけようとしています。私のデバイスにインストールされているAPKは、Androidアイコンが付いた単なる「アプリ」です。どうすればこれを変更できますか？ package.jsonを変更してreact-nativeupgradeを再実行しようとしましたが、AndroidManifest.xmlが更新されませんでした

84 react-native 

現在、ReactNativeを使用してテストアプリを構築しています。これまでのところ、Imageモジュールは正常に機能しています。 たとえば、という名前の画像がある場合avatar、以下のコードスニペットは正常に機能します。 <Image source={require('image!avatar')} /> しかし、それを動的な文字列に変更すると、 <Image source={require('image!' + 'avatar')} /> エラーが発生します： 不明なモジュール「image！avatar」が必要です。モジュールがそこにあることが確実な場合は、パッケージャーを再起動してみてください。 明らかにこれは不自然な例ですが、動的な画像名は重要です。React Nativeは動的画像名をサポートしていませんか？

84 javascript  react-native  jsx 

コマンドを実行するとreact-native start、が表示されますPackager can't listen on port 8081。 問題は、ポート8081を使用するソフトウェアに関するものです。 リソースモニターを使用してポートを確認しましたが、8081が見つかりません。8081がありません。 誰かがそれを見つける方法を教えてもらえますか？

84 react-native 

ReactNativeコードに次のrenderメソッドがあります。 render() { const {height, width} = Dimensions.get('window'); return ( <View style={styles.container}> <Image style={{ height:height, width:width, }} source={require('image!foo')} resizeMode='cover' /> <TouchableHighlight style={styles.button}/> </View> ); } それは私に React.Children.onlyは単一のReact要素の子を受け取ることが期待されています エラー。TouchableHighlightコンポーネントを削除すると、正常に動作します。一方、Imageコンポーネントを削除しても、エラーが発生します。なぜこのエラーが発生するのかわかりません<View>。レンダリング用に複数のコンポーネントを内部に含めることができるはずです。 何か案は？

83 react-native 

プロジェクトを更新して、react-nativeバージョン0.60.2を使用しました。しかし、Androidデバイスでアプリケーションを実行しようとすると、起動画面の後にクラッシュします。次のエラーログが表示されます。 E/AndroidRuntime: FATAL EXCEPTION: create_react_context Process: com.tjspeed, PID: 3909 java.lang.UnsatisfiedLinkError: couldn't find DSO to load: libhermes.so at com.facebook.soloader.SoLoader.doLoadLibraryBySoName(SoLoader.java:738) at com.facebook.soloader.SoLoader.loadLibraryBySoName(SoLoader.java:591) at com.facebook.soloader.SoLoader.loadLibrary(SoLoader.java:529) at com.facebook.soloader.SoLoader.loadLibrary(SoLoader.java:484) at com.facebook.hermes.reactexecutor.HermesExecutor.<clinit>(HermesExecutor.java:20) at com.facebook.hermes.reactexecutor.HermesExecutorFactory.create(HermesExecutorFactory.java:27) at com.facebook.react.ReactInstanceManager$5.run(ReactInstanceManager.java:949) at java.lang.Thread.run(Thread.java:760) ここで利用できるいくつかの提案：https：//github.com/facebook/react-native/issues/25601しかし、残念ながらそれらのどれも私のために働きませんでした。回避策を提案してください。

83 android  react-native 

react-native run-iosOSXのターミナルではなくiTermで実行するように誰かが設定するにはどうすればよいですか？デフォルトでは、新しいターミナルウィンドウが開きますが、ターミナルはiTermのようにウィンドウマネージャーでうまく機能しません。

83 macos  react-native 

React Nativeプロジェクトの名前を変更するために何を変更する必要があるかについての指示はありますか？MyAppIOSに沿って何かと呼ばれるアプリがあり、名前を単にMyAppに変更したい（Androidのサポートが終了したため）

82 react-native 

React NativeNavigatorコンポーネント内に作成されたreact-reduxコンテナコンポーネントがあります。ナビゲーターを小道具としてこのコンテナーコンポーネントに渡して、プレゼンテーションコンポーネント内でボタンを押した後、オブジェクトをナビゲータースタックにプッシュできるようにしたいと思います。 私は、react-reduxコンテナコンポーネントが提供するすべての定型コードを手書きする必要なしにこれを実行したいと思います（また、react-reduxがここでも提供するすべての最適化を見逃さないでください）。 コンテナコンポーネントコードの例： const mapStateToProps = (state) => { return { prop1: state.prop1, prop2: state.prop2 } } const mapDispatchToProps = (dispatch) => { return { onSearchPressed: (e) => { dispatch(submitSearch(navigator)) // This is where I want to use the injected navigator } } } const SearchViewContainer = connect( mapStateToProps, …

82 reactjs  react-native  redux  react-redux 

React Native Androidアプリをコンパイルしようとすると、このエラーが発生します。AndroidアプリはBuildConfig.DEBUGを解決できません。 :app:processDebugJavaRes UP-TO-DATE :app:compileDebugJavaWithJavac /Users/amirsharif/mobile-rappad/android/app/src/main/java/com/rappadmobile/MainActivity.java:29: error: cannot find symbol .setUseDeveloperSupport(BuildConfig.DEBUG) ^ symbol: variable BuildConfig location: class MainActivity >1 error :app:compileDebugJavaWithJavac FAILED trueに設定するだけで一時的に解決できます。これは、アプリケーション名を変更した後に発生した可能性があります（これも私がやろうとしていたことだからです）。 おそらくGradleで何かを変更して、正しい種類のファイルを再度生成する必要があります。 /** * Automatically generated file. DO NOT MODIFY */ package com.app; public final class BuildConfig { public static final boolean DEBUG = Boolean.parseBoolean("true"); public static …

82 react-native