«react-native» 태그된 질문

componentDidMount()React Native에서 비동기 함수로 사용 하는 것이 좋습니까? 아니면 피해야합니까? AsyncStorage구성 요소가 마운트 될 때 정보를 얻을 필요가 있지만 가능하게하는 유일한 방법은 componentDidMount()함수를 비동기 로 만드는 것 입니다. async componentDidMount() { let auth = await this.getAuth(); if (auth) this.checkAuth(auth); } 그것에 문제가 있습니까?이 문제에 대한 다른 해결책이 있습니까?

139 reactjs  asynchronous  react-native 

스택 및 탭 탐색기를 모두 사용하여 화면을 전환하려고합니다. const MainNavigation = StackNavigator({ otp: { screen: OTPlogin }, otpverify: { screen: OTPverification}, userVerified: { screen: TabNavigator({ List: { screen: List }, Settings: { screen: Settings } }), }, }); 이 경우 stacknavigator를 먼저 사용한 다음 tabnavigator를 사용합니다. 스택 탐색기의 헤더를 숨기고 …

136 javascript  react-native  react-navigation  expo 

저는 현재 React에서 후크 개념을 배우고 있으며 아래 예제를 이해하려고 노력하고 있습니다. import { useState } from 'react'; function Example() { // Declare a new state variable, which we'll call "count" const [count, setCount] = useState(0); return ( <div> <p>You clicked {count} times</p> <button onClick={() => setCount(count + 1)}> Click …

134 javascript  reactjs  react-native  react-hooks 

Android Studio에서 새 프로젝트를 만들 때마다 항상 다음과 같은 결과가 나타납니다. 오류 : (23, 17) 해결하지 못했습니다 : junit : junit : 4.12? testCompile 'junit:junit:4.12'종속성을 제거해도 더 이상 문제가되지 않습니다. build.gradle apply plugin: 'com.android.application' android { compileSdkVersion 23 buildToolsVersion "23.0.1" defaultConfig { applicationId "com.okedroid.myapplication" minSdkVersion 17 targetSdkVersion 23 versionCode 1 …

133 java  android  react-native  junit 

비슷한 질문이 있지만 여러 기능을 가진 파일을 만들지 못했습니다. 방법이 이미 구식인지 RN이 매우 빠르게 발전하고 있는지 확실하지 않습니다. 반응 네이티브에서 전역 도우미 기능을 만드는 방법은 무엇입니까? 나는 React Native를 처음 사용합니다. 내가하고 싶은 일은 많은 재사용 가능한 함수로 가득 찬 js 파일을 만든 다음 구성 요소에서 가져 와서 호출하는 …

133 reactjs  react-native 

FlatList가 작동하지 않는 것 같습니다. 이 경고가 나타납니다. VirtualizedList : 항목에 대한 키가 누락되었습니다. 각 항목에 키 속성을 지정하거나 사용자 정의 keyExtractor를 제공하십시오. 암호: <FlatList data={[{name: 'a'}, {name: 'b'}]} renderItem={ (item) => <Text key={Math.random().toString()}>{item.name}</Text> } key={Math.random().toString()} />

129 react-native 

기존 웹앱처럼 보이는 반응 네이티브 앱을 만들려고합니다. 창 하단에 바닥 글이 고정되어 있습니다. 누구나 네이티브 반응을 통해 이것이 어떻게 달성 될 수 있는지 알고 있습니까? 기존 앱에서는 간단합니다. .footer { position: fixed; bottom: 0; }

128 react-native 

나는 점점 오전 -bash : 반응 네이티브 : 명령이 오류를 발견하지 반응 네이티브 프로젝트를 만드는 동안. 다음은 추가 정보입니다. 1. brew --version homebrew 0.9.9 2 brew info watchman watchman `enter code here`stable 4.50 /usr/local/Cellar/watchman/4.4.0 3. brew info flow stable 0.24.1 /usr/local/Cellar/flow/0.24.1 4. brew info node stable 6.1.0 /usr/local/Cellar/node/6.1.0 5. npm …

126 android  ios  react-native 

XCode에서 React Native 앱을 실행하려고하는데이 오류가 계속 발생합니다. 문제를 해결하는 방법을 알 수 없습니다. 어떤 제안? XCode의 오류 스크린 샷 :

124 ios  xcode  react-native 

내가 실행할 때마다 react-native run-ios, 나는 얻을 Could not find iPhone X simulator Error: Could not find iPhone X simulator at resolve (calendarPractice/node_modules/react-native/local-cli/runIOS/runIOS.js:149:13) at new Promise (<anonymous>) at runOnSimulator (calendarPractice/node_modules/react-native/local-cli/runIOS/runIOS.js:134:10) at Object.runIOS [as func] (calendarPractice/node_modules/react-native/local-cli/runIOS/runIOS.js:106:12) at Promise.resolve.then (calendarPractice/node_modules/react-native/local-cli/cliEntry.js:117:22) 그러나 Xcode에서 실행하면 정상적으로 작동합니다. { "devicetypes" : [ { "name" : …

123 react-native  ios-simulator  react-native-ios 

이 라이브 예제 에서 다음 코드를 찾을 수 있습니다. 다음과 같은 반응 네이티브 요소가 있습니다. 'use strict'; var React = require('react-native'); var { AppRegistry, StyleSheet, Text, View, } = React; var SampleApp = React.createClass({ render: function() { return ( <View style={styles.container}> <View style={styles.descriptionContainerVer}> <View style={styles.descriptionContainerHor}> <Text style={styles.descriptionText} numberOfLines={5} > Here …

122 css  reactjs  react-native  flexbox 

두 번째 매개 변수로 GET 요청을 보내려고하는데 URL로 작동하는 동안 작동하지 않습니다. 이것은 작동합니다. $ _GET [ 'naam']은 test를 반환합니다. export function saveScore(naam, score) { return function (dispatch) { axios.get('http://****.nl/****/gebruikerOpslaan.php?naam=test') .then((response) => { dispatch({type: "SAVE_SCORE_SUCCESS", payload: response.data}) }) .catch((err) => { dispatch({type: "SAVE_SCORE_FAILURE", payload: err}) }) } }; 그러나 이것을 …

121 reactjs  react-native  redux  axios 

반응 네이티브 앱을 시작하려고 할 때이 메시지가 표시됩니다. 일반적으로 이러한 종류의 형식은 다른 다중 화면 탐색에서 작동하지만이 경우에는 작동하지 않습니다. 다음은 오류입니다. Invariant Violation: The navigation prop is missing for this navigator. In react-navigation 3 you must set up your app container directly. More info: https://reactnavigation.org/docs/en/app-containers.html 내 앱 형식은 다음과 …

120 reactjs  react-native 

react-native로 첫 번째 앱을 구축하려고합니다. 이 2 개의 튜토리얼을 따르고 있습니다. https://facebook.github.io/react-native/docs/getting-started.html#content https://facebook.github.io/react-native/docs/android-setup.html 두 번째 링크에서 모든 요구 사항을 설치했지만를 사용하여 앱을 실행하려고 react-native run-android하면 다음 오류가 발생합니다. genymotion을 실행하는 동안이 명령을 실행했습니다. 이것이 내가 Android SDK에 설치 한 전부입니다. Android 빌드 도구 23.0.1을 설치하려고했지만이 오류가 발생합니다. 어떻게해야합니까?

119 android  linux  react-native 

다음과 같은 렌더링이있는 구성 요소가 있다고 가정합니다. <View style={jewelStyle}></View> 여기서 jewelStyle = { borderRadius: 10, backgroundColor: '#FFEFCC', width: 20, height: 20, }, 배경색을 동적으로 만들고 무작위로 할당하려면 어떻게해야합니까? 난 노력 했어 { borderRadius: 10, backgroundColor: getRandomColor(), width: 20, height: 20, }, 그러나 이것은 View의 모든 인스턴스가 동일한 색상을 갖도록 만듭니다. …

119 css  reactjs  react-native