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

新しい空白のreactネイティブアプリをセットアップしました。 いくつかのノードモジュールをインストールした後、このエラーが発生しました。 Running application on PGN518. internal/fs/watchers.js:173 throw error; ^ Error: ENOSPC: System limit for number of file watchers reached, watch '/home/badis/Desktop/react-native/albums/node_modules/.staging' at FSWatcher.start (internal/fs/watchers.js:165:26) at Object.watch (fs.js:1253:11) at NodeWatcher.watchdir (/home/badis/Desktop/react-native/albums/node modules/sane/src/node watcher. js:175:20) at NodeWatcher.<anonymous> (/home/badis/Desktop/react-native/albums/node modules/sane/src/node watcher. js:310:16) at /home/badis/Desktop/react-native/albums/node modules/graceful-fs/polyfills.js:285:20 at FSReqWrap.oncomplete (fs.js:154:5) ウォッチマンがすべてのファイル変更を監視するのに十分なスペースがないことに関連していることを私は知っています。 ここで取るべき最善の行動方針を知りたいですか？ node_modulesフォルダを追加して無視する必要があります.watchmanconfigか？

158 react-native  watchman 

最近このエラーが出始めました： カメラロールを使用するには、NSPhotoLibraryUsageDescriptionキーがInfo.plistに存在する必要があります。 React Nativeを使用してアプリをビルドしています（iOSネイティブ開発に慣れていません）。このキーをInfo.plistに追加する方法がわかりません。 例を投稿できますか？ありがとう npmパッケージを使用しています "react-native-camera-roll-picker": "^1.1.7"

157 ios  react-native  info.plist 

たとえば、右にフロートさせたい要素があります。 <View style={{width: 300}}> <Text style={{backgroundColor: "#DDD"}}>Hello</Text> </View> どのTextようにしてフロート/右揃えにすることができますか？また、「こんにちは」のスペースだけでなく、のTextスペース全体を占めるのはなぜViewですか。

156 react-native 

リアクションネイティブを使用してAndroidアプリを作成し、TouchableOpacityコンポーネントを使用してボタンを作成しました。 テキスト入力コンポーネントを使用してユーザーからのテキストを受け入れます。ボタンは、テキスト入力が特定の文字列と一致した場合にのみ有効にする必要があります。 最初にTouchableOpactiyラッパーなしでボタンをレンダリングし、入力文字列が一致するとラッパーで再レンダリングすることで、これを行う方法を考えることができます。 しかし、これを行うにはもっと良い方法があると思います。誰か助けてもらえますか？

155 react-native 

最近ローンチされたのは、iOSアプリのサンプルとドキュメントだけのネイティブ機能です。

154 android  reactjs  react-native 

反応ネイティブを使用してクロスプラットフォームアプリを構築していますが、環境変数を設定する方法がわからないため、環境ごとに異なる定数を使用できます。 例： development: BASE_URL: '', API_KEY: '', staging: BASE_URL: '', API_KEY: '', production: BASE_URL: '', API_KEY: '',

152 react-native 

React.JSを使用react-native run-androidしていますが、（デバイスを接続した状態で）使用すると、空白のページが表示されます。デバイスをシェイクDebug JS Remotelyしてオプションリストから選択すると、次の画面が表示されます。 ご参考までに： OS: Ubuntu 16.04 Node version is: v4.6.2 java version "1.8.0_111" react": "15.4.1 react-native": "0.38.0

149 android  reactjs  react-native 

全画面画像をビューに追加したかったので、このコードを記述しました return ( <View style={styles.container}> <Image source={require('image!egg')} style={styles.backgroundImage}/> </View> ) スタイルを次のように定義しました var styles = StyleSheet.create({ container: { flex: 1, justifyContent: 'center', alignItems: 'center', backgroundColor: '#F5FCFF', flexDirection: 'column', }, backgroundImage:{ width:320, height:480, } ... しかし、このようにして実際のiPhoneの画面サイズをどのようにして見つけるべきですか？ ピクセル密度にアクセスするためのAPIを見ましたが、画面サイズについては何も... 何か案が？

148 javascript  react-native 

特定のビューのサイズ（幅と高さ）を取得することは可能ですか？たとえば、進行状況を表示するビューがあります。 <View ref='progressBar' style={{backgroundColor:'red',flex:this.state.progress}} /> 他のビューを適切に配置するには、ビューの実際の幅を知る必要があります。これは可能ですか？

147 ios  react-native 

react-native init（RNバージョン0.29.1）を使用して真新しいプロジェクトを作成し、renderメソッドでフェッチをpublic facebookデモムービーAPIに入れると、がスローされますNetwork Request Failed。非常に役に立たないスタックトレースがあり、Chromeコンソールでネットワークリクエストをデバッグできません。これが私が送信しているフェッチです： fetch('http://facebook.github.io/react-native/movies.json') .then((response) => response.json()) .then((responseJson) => { return responseJson.movies; }) .catch((error) => { console.error(error); });

146 javascript  react-native  fetch-api 

React Nativeは本当に初めてで、コンポーネントを非表示/表示する方法を知りたいです。 これが私のテストケースです： <TextInput onFocus={this.showCancel()} onChangeText={(text) => this.doSearch({input: text})} /> <TouchableHighlight onPress={this.hideCancel()}> <View> <Text style={styles.cancelButtonText}>Cancel</Text> </View> </TouchableHighlight> 私が持っているTextInputコンポーネントを、私がしたいことを示すことですTouchableHighlight入力がフォーカスを取得したときに、その後、非表示TouchableHighlightのユーザキャンセルボタンを押したとき。 TouchableHighlight関数内でコンポーネントを非表示/表示するためにコンポーネントに「アクセス」する方法がわかりませんshowCancel/hideCancel。 また、ボタンを最初から非表示にするにはどうすればよいですか？

143 javascript  react-native 

arr[]レデューサーのredux状態の配列に要素を追加するにはどうすればよいですか？私はこれをやっています- import {ADD_ITEM} from '../Actions/UserActions' const initialUserState = { arr:[] } export default function userState(state = initialUserState, action) { console.log(arr); switch (action.type) { case ADD_ITEM: return { ...state, arr: state.arr.push([action.newItem]) } default: return state } }

140 react-native  redux  react-redux 

fetchReact Nativeで使用してProduct Hunt APIから情報を取得しようとしています。適切なアクセストークンを取得してStateに保存しましたが、GETリクエストのAuthorizationヘッダー内で渡すことができないようです。 ここに私がこれまで持っているものがあります： var Products = React.createClass({ getInitialState: function() { return { clientToken: false, loaded: false } }, componentWillMount: function () { fetch(api.token.link, api.token.object) .then((response) => response.json()) .then((responseData) => { console.log(responseData); this.setState({ clientToken: responseData.access_token, }); }) .then(() => { this.getPosts(); }) .done(); }, getPosts: function() { var obj …

140 javascript  oauth-2.0  react-native  fetch-api 

これは私が使用したビューのスタイルです backCover: { position: 'absolute', marginTop: 20, top: 0, bottom: 0, left: 0, right: 0, } 現在、背景は白です。私は好きなようにbackgroundColorを変更できます'#343434'が、それは色に最大6 hexvalueしか受け入れないので、そのように不透明度を与えることはできません'#00ffffff'。このような不透明度を使ってみました backCover: { position: 'absolute', marginTop: 20, top: 0, bottom: 0, left: 0, right: 0, opacity: 0.5, } ただし、ビューのコンテンツの可視性が低下します。だから何か答えは？

139 react-native 

componentDidMount()React Nativeで非同期関数として使用することは良い習慣ですか、それとも避けるべきですか？ AsyncStorageコンポーネントのマウント時にいくつかの情報を取得する必要がありますが、それを可能にする唯一の方法は、componentDidMount()関数を非同期にすることです。 async componentDidMount() { let auth = await this.getAuth(); if (auth) this.checkAuth(auth); } これに問題はありますか？この問題の他の解決策はありますか？

139 reactjs  asynchronous  react-native