React-Native (15) 썸네일형 리스트형 React-native ScrollView 사용법 자주사용하는 ScrollView prop 모음 * pagingEnabled : true인 경우 스크롤할 때 스크롤 보기가 스크롤 보기 크기의 배수에서 멈춥니다. 수평 페이지 매김에 사용할 수 있습니다. 자료화면이 자연스럽게 넘어가게됩니다 * horizontal : 인 경우 스크롤 뷰의 자식은 세로로 열 이 true아닌 행에서 가로로 정렬됩니다. 1번줄 2번줄 *onScrollBeginDrag : 사용자가 스크롤 뷰를 끌기 시작할 때 호출됩니다. -사용자가 스크롤뷰를 끌기시작하면 확인할수있습니다 *scrollsToTop(IOS only) : 인 경우 상태 표시줄을 탭 하면 true스크롤 보기가 맨 위로 스크롤됩니다. While trying to resolve module 'idb' from file….this package itself specifies a `main` module field that could not be resolved=>firebase 설치시 오류 파이어베이스 설치 시 나타나는 오류이다 npm uninstall firebase npm install firebase@9.6.11 버전을 9.6.11 버전으로 재설치해주면 문제가 사라짐 React-native 필수 navigation navigation 공식사이트 https://reactnavigation.org/docs/getting-started npm install @react-navigation/native https://reactnavigation.org/docs/5.x/getting-started (버전 5.x) expo install react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context @react-native-community/masked-view https://reactnavigation.org/docs/stack-navigator/ npm install @react-navigation.. Firebase remove remove ( onComplete ? : ( a : Error | null ) => void ) : Promise 데이터베이스에 위치한 데이터를 지웁니다 Example var adaRef = firebase.database().ref('users/ada'); adaRef.remove() .then(function() { console.log("Remove succeeded.") }) .catch(function(error) { console.log("Remove failed: " + error.message) }); Javascript map함수 arr.map(callback(currentValue[, index[, array]])[, thisArg]) 예) return ( {tip.map((content, i) => { return })} ); useful css for react native자주 사용하는 CSS 자주 사용하는 css 속성정리 flexDirection 속성은 플렉스 컨테이너 내의 아이템을 배치할 때 사용할 주축 및 방향 justifyContent 가로 축을 기준으로 좌우에 대한 정렬 -prop flex-start (default) : 요소들을 컨테이너의 왼쪽으로 정렬 flex-end : 요소들을 컨테이너의 우측으로 정렬 center : 요소들을 컨테이너의 중앙으로 정렬 space-between : 요소들 사이에 동일한 간격을 둡니다. space-around : 요소들 주위에 동일한 간격을 둡니다. space-evenly(FireFox Only) : 첫번째로 오는 정렬 대상 전에 두개 의 인접한 정렬 대상 사이의 간격과 마지막 정렬 대상 이후의 간격이 같도록 항목이 분산 됩니다. alignItems.. *딕셔너리 -딕셔너리: 키(key)-밸류(value) 값의 묶음 let a_dict = {} // 딕셔너리 선언. // 또는, let b_dict = {'name':'Bob','age':21} // 로 선언 가능 b_dict['name'] // 'Bob'을 출력 b_dict['age'] // 21을 출력 b_dict['height'] = 180 // 딕셔너리에 키:밸류 넣기 b_dict // {name: "Bob", age: 21, height: 180}을 출력 -리스트와 딕셔너리의 조합 names = [{'name':'bob','age':20},{'name':'carry','age':38}] // names[0]['name']의 값은? 'bob' // names[1]['name']의 값은? 'carry' new_.. 이전 1 2 다음