«react-native» 태그된 질문

React native는 React를 사용하여 기본 모바일 앱을 빌드하는 데 사용되는 JavaScript 라이브러리입니다. React Native의 초점은 관심있는 모든 플랫폼에서 개발자 효율성에 중점을두고 있습니다. 한 번 배우고 어디서나 쓸 수 있습니다.

11
기본 변경 기본 iOS 시뮬레이터 장치에 반응
이 명령을 실행할 때 : react-native run-ios 내 앱은 기본적으로 iPhone6 ​​시뮬레이터 장치에서 실행됩니다. Found Xcode project RN.xcodeproj Launching iPhone 6 (9.2)... 기본적으로 다른 시뮬레이터 장치 (예 : iPhone5)에서 앱을 실행하려면 어떻게해야합니까?
158 react-native 

6
React Native에서 어떻게 플로팅 할 수 있습니까?
예를 들어 오른쪽에 띄우고 싶은 요소가 있습니다. <View style={{width: 300}}> <Text style={{backgroundColor: "#DDD"}}>Hello</Text> </View> 어떻게 Text오른쪽에 띄울 수 있습니까? 또한 왜 "Hello"공간 대신에 Text전체 공간을 차지 View합니까?
156 react-native 

9
카메라 롤을 사용하려면 NSPhotoLibraryUsageDescription 키가 Info.plist에 있어야합니다.
최근 에이 오류가 발생하기 시작했습니다. 카메라 롤을 사용하려면 NSPhotoLibraryUsageDescription 키가 Info.plist에 있어야합니다. React Native를 사용하여 앱을 빌드하고 (ios 기본 개발에 익숙하지 않음) Info.plist 에이 키를 추가하는 방법을 모르겠습니다 예를 게시 할 수 있습니까? 감사 npm 패키지를 사용하고 있습니다 "react-native-camera-roll-picker": "^1.1.7"

11
반응 기본에서 버튼 비활성화
반응 네이티브를 사용하여 안드로이드 앱을 만들고 TouchableOpacity 구성 요소를 사용하여 버튼을 만들었습니다. 텍스트 입력 구성 요소를 사용하여 사용자의 텍스트를 수락 하고 텍스트 입력이 특정 문자열과 일치 하면 버튼을 활성화 해야 합니다. TouchableOpactiy 래퍼없이 버튼을 처음 렌더링하고 입력 문자열이 일치하면 래퍼로 다시 렌더링하여이를 수행하는 방법을 생각할 수 있습니다. 그러나이 작업을 수행하는 …
155 react-native 


15
반응 네이티브에서 환경 변수를 설정합니까?
크로스 플랫폼 앱을 만들기 위해 react-native를 사용하고 있지만 환경에 따라 다른 상수를 가질 수 있도록 환경 변수를 설정하는 방법을 모릅니다. 예: development: BASE_URL: '', API_KEY: '', staging: BASE_URL: '', API_KEY: '', production: BASE_URL: '', API_KEY: '',
152 react-native 

14
원격 디버거와 연결할 수 없습니다
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

26
React Native에서 전체 화면 배경 이미지를 추가하는 가장 좋은 방법은 무엇입니까
이 코드를 작성하기 위해 View에 전체 화면 이미지를 추가하고 싶었습니다. 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 화면 …

7
React Native에서 뷰 크기 가져 오기
특정보기의 크기 (너비와 높이)를 얻을 수 있습니까? 예를 들어 진행 상황을 보여주는 뷰가 있습니다. <View ref='progressBar' style={{backgroundColor:'red',flex:this.state.progress}} /> 다른 뷰를 올바르게 정렬하려면 뷰의 실제 너비를 알아야합니다. 이게 가능해?
147 ios  react-native 

22
네이티브 fetch () 네트워크 요청 실패
react-native init(RN 버전 0.29.1)을 사용하여 새로운 프로젝트를 만들고 렌더 메소드에 공개 페이스 북 데모 영화 API에 가져 오기를 넣으면을 던집니다 Network Request Failed. 매우 쓸모없는 스택 추적이 있으며 크롬 콘솔에서 네트워크 요청을 디버깅 할 수 없습니다. 내가 보내는 패치는 다음과 같습니다. fetch('http://facebook.github.io/react-native/movies.json') .then((response) => response.json()) .then((responseJson) => { return responseJson.movies; …

23
반응 네이티브에서 컴포넌트 숨기기 / 보이기
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함수 …

4
React Native에서 Fetch와 함께 인증 헤더 사용
fetchProduct Hunt API의 정보를 얻기 위해 React Native에서 사용하려고합니다 . 적절한 액세스 토큰을 얻어 State에 저장했지만 GET 요청에 대한 Authorization 헤더 내에서 토큰을 전달할 수없는 것 같습니다. 여기까지 내가 가진 것입니다 : var Products = React.createClass({ getInitialState: function() { return { clientToken: false, loaded: false } }, componentWillMount: function () …

4
React 기본 redux의 감속기에서 배열에 요소를 어떻게 추가합니까?
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 } }


6
React Native에서 투명한 배경색을 설정하는 방법
이것은 내가 사용한보기의 스타일입니다. backCover: { position: 'absolute', marginTop: 20, top: 0, bottom: 0, left: 0, right: 0, } 현재 흰색 배경이 있습니다. 원하는대로 backgroundColor를 변경할 수 '#343434'있지만 색상에 대해 최대 6 개의 16 진수 값만 허용하므로 불투명도를 줄 수는 없습니다 '#00ffffff'. 나는 이와 같은 불투명도를 사용해 보았습니다. backCover: { …
139 react-native 

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.