[React Native] 특정 버전으로 Project 초기화하기
react-native init를 하여 프로젝트를 초기화를 할 경우 항상 최신 버전으로 프로젝트가 세팅이 된다.
하지만 구 버전으로 프로젝트를 초기화를 해야 할 경우 아래 방법을 이용한다.
먼저 아래 package를 설치하도록 한다.
npm i -g rninit
설치가 완료가 되면 바로 사용이 가능하다.
Project Name에 원하는 이름을 넣고 실행하면 원하는 버전으로 react native project가 세팅된다.
rninit init [Project Name] --source react-native@0.28
'Programing > ReactNative' 카테고리의 다른 글
[React Native-Android] Could not resolve all dependencies for configuration ':*** :_debugCompile'. (0) | 2017.06.26 |
---|---|
[React Native - iOS] Apple Mach-O Linker failure (0) | 2017.01.24 |
[React Native] Multiple dex files define (0) | 2016.08.25 |
[React Native] Androidd에서 GIF 이미지 출력하기 (0) | 2016.07.31 |
[React Native] Android에서 Wifi AP 검색 (0) | 2016.07.20 |
[React Native] Androidd에서 GIF 이미지 출력하기
React Native 에서 GIF 이미지를 출력할때 일반 이미지 출력과 동일하게 Image를 이용하여 출력을 하면 됩니다.
<Image source={require('이미지 경로(local)')} />
<Image source={{url : '이미지 경로(web)'}} />
이렇게 넣었는데 화면에 공간만 차지하고 이미지가 나오지 않는 문제가 있습니다.
이 때 android/app/src/build.gradle 파일에 아래 내용을 추가 해주어야 합니다.
dependencies {
..................
compile "com.facebook.fresco:animated-gif:0.10.0"
..................
}
그리고 다시 build를 하면 정상적으로 출력되는 이미지를 확인 할 수 있습니다.
'Programing > ReactNative' 카테고리의 다른 글
[React Native-Android] Could not resolve all dependencies for configuration ':*** :_debugCompile'. (0) | 2017.06.26 |
---|---|
[React Native - iOS] Apple Mach-O Linker failure (0) | 2017.01.24 |
[React Native] Multiple dex files define (0) | 2016.08.25 |
[React Native] 특정 버전으로 Project 초기화하기 (0) | 2016.07.31 |
[React Native] Android에서 Wifi AP 검색 (0) | 2016.07.20 |
[React Native] Android에서 Wifi AP 검색
React Native에서 Android에서 Wifi AP를 검색하고자 아래 모듈을 활용하였습니다.
https://github.com/devstepbcn/react-native-android-wifi
설치 방법 및 기타 사용법은 위 페이지에서 확인을 하면 되는데,
안드로이드 6.0부터 현재 AP List를 가져오도록 했는데도 불구하고 아무것도 나오지 않는 경우가 있는데
AndroidManifest.xml에 아래 항목을 추가를 합니다.
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION"/>
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION"/>
둘 중 하나만 넣어도 된다고 함
그래도 검색 결과를 가져오지 못하는데, 별도로 권한을 요청해서 승인을 받도록 해야 합니다.
앱 권한 확인 및 요청하는 부분은 https://github.com/lucasferreira/react-native-android-permissions를 이용하였습니다.
requestPermission("android.permission.ACCESS_COARSE_LOCATION").then((result) => {
console.log("Granted!", result);
}, (result) => {
console.log("Not Granted!");
console.log(result);
});
앱 실행시 권한을 요청하고 이를 승인 받도록 합니다.
해당 부분을 승인하지 않을 경우 Wifi 검색 결과를 가져오지 못하고, 승인을 해야 Wifi 검색 결과를 가져올 수 있는것으로 파악되고 있습니다.
'Programing > ReactNative' 카테고리의 다른 글
[React Native-Android] Could not resolve all dependencies for configuration ':*** :_debugCompile'. (0) | 2017.06.26 |
---|---|
[React Native - iOS] Apple Mach-O Linker failure (0) | 2017.01.24 |
[React Native] Multiple dex files define (0) | 2016.08.25 |
[React Native] 특정 버전으로 Project 초기화하기 (0) | 2016.07.31 |
[React Native] Androidd에서 GIF 이미지 출력하기 (0) | 2016.07.31 |