728x90

react 3

react native flatlist 사용해서 local json 정렬 리스트만들기 (+ 가로정렬)

import React from 'react'; import { Image, SafeAreaView, View, FlatList, StyleSheet, Text, StatusBar ,ActivityIndicator} from 'react-native'; import {apoc} from '../../../clothes_information.json';//참조할local json const GridView = ({ name, image, price}) => (//쓸 형식과 받을 인자 설정 //image source url 형식에 주의 {name} {price} ); const Index = () => { return ( }//item을 render할때 gridview형식을 따를것이며 인자 설정 keyExt..

카테고리 없음 2022.04.17

react Splash Screen(로딩화면) 구현하기

엄청 간단한거같은데 쉽지가않다.. [React Native] 앱 첫 로딩 실행 화면 (Splash 화면) 구현 (tistory.com) [React Native] 앱 첫 로딩 실행 화면 (Splash 화면) 구현 1. npm 으로 설치 $ npm i react-native-splash-screen --save www.npmjs.com/package/react-native-splash-screen react-native-splash-screen A splash screen for react-native, hide when application loaded.. focus-on-my.tistory.com 내가 참고한곳 딱 이 순서대로하면서 한단계한단계 지나갈때마다 다시 npm run android 해보면서 오..

리액트 시작.(Windows ver.)

참고한사이트는? 윈도우(Windows)에 react native 개발 환경 구축하기 - react-native로 앱을 개발하기 위해 윈도우(Windows)에 개발 환경을 구축해 보고, react-native로 생성한 프로젝트가 잘 동작하는지 확인해 봅니다. (posstree.com) 윈도우(Windows)에 react native 개발 환경 구축하기 react-native로 앱을 개발하기 위해 윈도우(Windows)에 개발 환경을 구축해 보고, react-native로 생성한 프로젝트가 잘 동작하는지 확인해 봅니다. dev-yakuza.posstree.com 요기에 아주 자알 나와있다. 명령 프롬프트(cmd)에서 저 글에 나와있는 깔라는것만 제대로 다 깔고 안드로이드 스튜디오 환경 구축만 잘 되어있다면 ..

728x90