Blog

반응형

react-native init를 하여 프로젝트를 초기화를 할 경우 항상 최신 버전으로 프로젝트가 세팅이 된다.


하지만 구 버전으로 프로젝트를 초기화를 해야 할 경우 아래 방법을 이용한다.


먼저 아래 package를 설치하도록 한다.


npm i -g rninit


설치가 완료가 되면 바로 사용이 가능하다.


Project Name에 원하는 이름을 넣고 실행하면 원하는 버전으로 react native project가 세팅된다.


rninit init [Project Name] --source react-native@0.28


반응형

반응형

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를 하면 정상적으로 출력되는 이미지를 확인 할 수 있습니다.



반응형

반응형

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 검색 결과를 가져올 수 있는것으로 파악되고 있습니다.


* 참고 : http://stackoverflow.com/questions/32151603/scan-results-available-action-return-empty-list-in-android-6-0

반응형