본문 바로가기

카테고리 없음

React Native Header button 처리, Image Grid 구현 예제

반응형

react native elements 기본 설정

https://bgradecoding.tistory.com/10

 

[React Native] ③ React-Native-Elements UI 기틀 및 테마 설정

지난 포스팅까지 해서 우리는 네비게이션까지 장착한 자동차를 얻은 것이다. [React Native] ② Navigation 설정 및 프로젝트 구조 잡기 React Navigation React Native(이하 RN)에서 네비게이션을 구현하는데 사

bgradecoding.tistory.com

 

인스타그램 따라 만들기

https://velog.io/@anpigon/React-Native-UI-%EB%A7%8C%EB%93%A4%EA%B8%B0-1

 

[React Native] 인스타그램 UI 만들기 #1

리액트 네이티브(React Native)로 인스타그램 UI을 구현하는 포스팅입니다. 인기있는 앱을 따라 만들어 보는 것은 굉장히 재미있습니다. 구글에서 인스타그램 클론 코딩 강의를 찾아보니, 다른 개발

velog.io

 

리액트 해더 네비게이터

https://wordbe.tistory.com/entry/React-Native-%ED%97%A4%EB%8D%94%EB%B2%84%ED%8A%BC

 

[React Native] 헤더버튼

React Native - 헤더버튼 헤더버튼 import { HeaderButtons, Item } from 'react-navigation-header-buttons'; import HeaderButton from '../../components/UI/HeaderButton'; ... const ProductOverviewScreen = (props) => { } ProductOverviewScreen.navigationOp

wordbe.tistory.com

https://www.npmjs.com/package/react-navigation-header-buttons

 

react-navigation-header-buttons

Easily render header buttons for react-navigation.. Latest version: 10.0.0, last published: 3 months ago. Start using react-navigation-header-buttons in your project by running `npm i react-navigation-header-buttons`. There are 11 other projects in the npm

www.npmjs.com

 

리액트 네이티브 아이콘 설정

https://devbksheen.tistory.com/260

 

백터 아이콘(Vector Icons) 사용하기

아이콘이나 이미지를 사용할때 라이브러리로 react-native-vector-icons가 유용하다. React-Native-vector-icons GitHub에 활용하는 방법이 소개 되어 있다. 백터 아이콘(Vector Icons)은 폰트 또는 SVG를 사용해 크기

devbksheen.tistory.com

https://dlee0129.tistory.com/10

 

[React Native] react-native-vector-icons 사용법 및 문제해결

React Native react-native-vector-icons 사용법 및 문제해결 React Native 개발을 하다보면 아이콘을 사용해야 할 일이 당연히 생기게 되는데요, 이번에 icon 사용방법에 대해 설명드리겠습니다, icon을 사용하

dlee0129.tistory.com

https://oblador.github.io/react-native-vector-icons/

 

react-native-vector-icons directory

 

oblador.github.io

 

이미지 갤러리 상세뷰

https://github.com/meliorence/react-native-image-gallery

 

GitHub - meliorence/react-native-image-gallery: Pure JavaScript image gallery component for iOS and Android with high-performanc

Pure JavaScript image gallery component for iOS and Android with high-performance and native feeling in mind - GitHub - meliorence/react-native-image-gallery: Pure JavaScript image gallery componen...

github.com

 

이미지 갤러리 예제

https://docs.oracle.com/en/cloud/paas/content-cloud/oce-reactnative-gallery-sample/index.html#what-were-building

 

Build an Image Gallery in React Native with Headless Oracle Content Management

Build an image gallery in React Native with headless Oracle Content Management.

docs.oracle.com

https://aboutreact.com/grid-image-gallery/

 

Example of Grid Image Gallery in React Native - About React

Example of Grid Image Gallery in React Native. To create Grid Image Gallery in React Native react-native-image-grid provides PhotoGrid

aboutreact.com

 

반응형