바르고 뜨겁게

ReactNative - SoundPlayer 사용법패키지 추가https://www.npmjs.com/package/react-native-sound-playerimport SoundPlayer from 'react-native-sound-player';안드로이드사용할 음악 파일을 아래 경로에 위치 시킨다./android/app/src/main/res/raw/ring.mp3아이폰xCode 에서 위에 위치 시킨 파일을 스크린샷 처럼 추가 한다. 사용 try { SoundPlayer.loadSoundFile('dial', 'mp3'); SoundPlayer.play(); } catch (e) { console.log(`cannot play the sound file`, e) }

react-native webRTC normal arm64 Error리액트 네이티브에서 webRTC 패키지를 적용하고 아이폰에 빌드시 아래와 같은 에러가 난다.** BUILD FAILED ** ​ ​ The following build commands failed: Ld [프로젝트 경로] normal arm64 (1 failure)xCode 에서 좀 더 자세히 보면'[프로젝트 경로]' does not contain bitcode. You must rebuild it with bitcode enabled (Xcode setting ENABLE_BITCODE), obtain an updated library from the vendor, or disable bitcode for this target. fil..

React-Native run-ios —device 빌드 에러react-native 에서 아이폰 장비로 빌드시 에러react-native run-ios --device [아이폰 장비 이름]error Failed to install the app on the device because we couldn't execute the "ios-deploy" command. Please install it by running "npm install -g ios-deploy" and try again. Run CLI with --verbose flag for more details.ios-deploy 설치 시도 또 에러sudo npm install -g ios-deploy** BUILD FAILED ** ​ npm ..

* navigation을 이용한 전달Req.jsnavigation.navigate("Res", { REQ_NO: "112233", REQ_DATA: "abcd" });Res.js const { navigation } = this.props; const REQ_NO = navigation.getParam("REQ_NO"); const REQ_DATA = navigation.getParam("REQ_DATA");

root 폴더에서 아래 명령어 입력cd android && ./gradlew signingReport 아래 정보들을 얻을 수 있다Variant , Config , Store , Alias , MD5 , SHA1 , SHA-256 , Valid. until

React native 에서 그림자 적용시안드로이드의 경우 elevation 값에 따른 그림자 변경만 허용하므로,아이폰과 안드로이드 두 플랫폼의 스타일을 각각 적용해야 한다. ...Platform.select({ ios: { shadowColor: "rgb(50, 50, 50)", shadowOpacity: 0.5, shadowRadius: 5, shadowOffset: { height: -1, width: 0 } }, android: { elevation: 5 } })

ReactNative - 슬라이드 배너 설치 yarn add react-native-swiper-사용 import Swiper from "react-native-swiper"; ​

ReactNative - CSS 두가지 방법 StyleSheet 사용 import React from "react"; import { ActivityIndicator, View, StyleSheet } from "react-native"; import { TINT_COLOR, BG_COLOR } from "../constants/Colors"; ​ ​ const styled = StyleSheet.create.create({ container: { backgroundColor: "black", flex: 1, justifyContent:"space-around" } }); ​ export default () => ( ); styled-components 사용 import React from "react"..

ReactNative - 화면이동 버튼 TouchableOpacityTouchableOpacity을 사용해서 버튼을 만들고, 클릭시 Detail로 이동시킨다. Movies.js import React from "react"; import { Text, TouchableOpacity } from "react-native"; ​ // 모든 화면은 navigation Prop를 가지고 있다. // navigate 이동시 경로를 적지 않아도 자동으로 찾아준다 // (App.js에서 선언된 MainNavigation에 있음) export default ({ navigation }) => Movies navigation.navigate('Detail')}> Go to detail -navigation/MainNav..

ReactNative - Tab Navigation App.js export default class App extends React.Component { ​ render() { } }-navigation/TabNavigation.js import React from "react"; import { Platform } from "react-native"; import { createBottomTabNavigator, createAppContainer } from "react-navigation"; import MoviesScreen from "../screens/Movies"; import TVScreen from "../screens/TV"; import SearchScreen from "../scre..