분류 Reactjs

최고의 react native 템플릿 2020

컨텐츠 정보

  • 조회 287 (작성일 )

본문

React native 애플리케이션의 생성을 단순화하기 위해 기성품 유료 및 무료 반응 네이티브 구성 요소 및 템플릿을 사용할 수 있습니다. 

이 기사에서는 전자 상거래, UI / UX 구성 요소, 스타터 키트, 목록, 여행, 블로그 등 다양한 주제별로 템플릿을 수집합니다.


그래서 저는 16 개의 최고 React 네이티브 템플릿을 모았습니다.


1. 전체적 – iOS 및 Android 용 React Native 호텔 예약 템플릿 


Holistic – React Native Hotel Booking template for iOS and Android 


호텔 및 아파트 예약을 위한 신선하고 빠르고 스마트 한 UI / UX 템플릿입니다. 사용자 역할 및 필드 유효성 검사를 선택할 수 있는 기성품 등록 화면. 필터링 화면, 기사, 프로필, 회원 평가 및 30 개 이상의 화면과 상태도 있습니다. 이 템플릿에는 백엔드가 없습니다.


혜택 목록 :

  • 여행 / 예약 주제를 위한 스마트 UI / UX
  • 캘린더 항목
  • 은행 카드 필드 확인이 포함 된 결제 화면
  • 피드백 기능
  • 풍부한 호텔 카드
  • 호텔 위치가 포함 된 내장지도
  • 많은 수의 UI 구성 요소
  • 응용 프로그램 (색상, 글꼴, 거리)을 쉽게 사용자 지정
  • 코드 구조의 분해 된 구성 요소
  • 깨끗한 코드베이스
  • 구성된 자동 테스트
  • 최신 버전 EXPO 38
  • 부드러운 애니메이션


2. Gala – React Native Bootstrap 템플릿 


Gala – React Native Bootstrap Template 


매력적인 디자인과 완전히 사용자 정의 된 색상, 크기, 거터, 열 및 글꼴이 포함 된 새로운 UI 스타터 키트입니다. 하나의 구성 파일에서 변수를 변경하면 새 앱이 생성됩니다.

애플리케이션에서 사용하는 코드는 깔끔하고 트위터 부트 스트랩 프레임 워크의 기본 방법론과 원칙에 따라 작성되었습니다. 모든 구성 요소에는 스타일 속성이 있는 개체 목록이 있습니다. 새로운 화면과 구성 요소를 사용자 정의하고 만들기가 매우 쉽습니다.

  • 트위터의 부트 스트랩 원칙에 기반한 깨끗한 코드
  • 완전히 사용자 정의 가능한 디자인 (색상, 크기, 패딩, 열, 레이아웃)
  • 내장 된 활성 캘린더
  • 클래식 내비게이션
  • 온 보딩, 로그인, 기사, 블로그, 뉴스, 카테고리, 타임 라인 등 화면
  • 모든 매개 변수는 변수를 통해 선언됩니다.

3. Airmart – React Native 전자 상거래 템플릿


Airmart – React Native E-commerce Template 


필요한 모든 화면이 포함 된 스마트 사용자 흐름을 갖춘 프런트 엔드 전자 상거래 템플릿입니다. 카테고리, 제품, 태그, 댓글, 평가, 장바구니, 결제, 배송, 크기 및 색상 선택-모든 것이 포함됩니다. 백엔드를 연결하기 만하면 됩니다.

  • 스마트 한 사용자 흐름
  • 깔끔한 레이아웃
  • 전자 상거래에 필요한 모든 화면 (30 개 이상)
  • 모든 전자 상거래 주제 (의류, 가구 등)에 적합
  • 사용성 가이드에 따라 제작
  • 백엔드 연결 준비

4. Mira – React Native 템플릿 및 스타터 키트


Mira – React Native Template & starter kit 


간단하고 편리한 또 다른 스타터 UI 키트. 모든 고전, 로그인, 탐색, 기사, 카테고리, 차트, 뉴스, 목록. 트위터 부트 스트랩 방법론을 사용하여 작성되었습니다. 앱 시작을 위한 완벽한 솔루션입니다.

  • 깨끗한 코드 및 아키텍처
  • 전체 사용자 정의 (색상, 크기, 거리)
  • 손쉬운 수정 및 새 화면 생성
  • 빠르고 신선함
  • 모든 매개 변수는 변수를 통해 선언됩니다.

5. MStore Pro – 전자 상거래를 위한 완전한 React Native 템플릿


Mstore Expo – Complete React Native template for WooCommerce 


WordPress 온라인 상점 용 앱을 만들고 싶다면 WooCommerce와 호환되는 이 전자 상거래 템플릿을 사용해보십시오. 최신 온라인 상점에는 약 30 개의 화면이 필요합니다. 푸시 알림을 사용할 수 있습니다.

  • 다국어
  • 푸시 알림 (one signal호)
  • WooCommers와 호환
  • Dark/light mode

6. 음식 배달 – React 네이티브 템플릿


Food Delivery – React Native Template 


음식 배달 템플릿, 다양한 변형이 있는 50 개의 화면. 사용자 정의가 쉽습니다. 음식 배달 응용 프로그램을 만들려는 경우 완벽한 템플릿


  • 다양한 표준 화면
  • 50 개 이상의 스크린 샷
  • 재사용 가능한 많은 구성 요소 (버튼, 카드, 신용 카드 등)

7. B 커머스 – React Native UI 템플릿


B Commerce – React Native UI Template 



간단하고 가벼운 전자 상거래 UI 키트. 10 개의 화면과 30 개의 구성 요소 만 있으며 추가 라이브러리는 없습니다. 제품의 MVP에 적합합니다.


  • React Native 기반
  • 추가 플러그인 없음
  • React Navigation 기반
  • 간단하고 가벼운
  • 애니메이션
  • 간편한 복사 및 붙여 넣기

8. 음식 배달 ReactNative – FoodTiger


Food Delivery ReactNative – FoodTiger 


다른 음식 배달 템플릿. 이해하기 쉽게 고객과 운전자 모두를 위한 애플리케이션이 있습니다. 또한 이 템플릿으로 PHP laravel로 작성된 관리자 패널을 구매해야 합니다 (이 구매에 포함되지 않음).

  • 주문 추적 (라이브)
  • 푸시 알림 (OneSignal)
  • 결제 (스트라이프)
  • iPhone 및 Android 앱 – 2 in one 소스 코드 – React Native

9. 머티리얼 디자인 React Native


Material Design React Native 


230 개 이상의 뷰 화면을 사용할 수 있습니다. 전자 상거래, 대시 보드 등 모든 비즈니스 요구 사항을 충족 할 수 있습니다.

  • 재사용 및 사용자 정의가 용이
  • 인기 있는 재료 라이브러리
  • 좋은 성능
  • 전자 상거래, 프로필, 음식, 내비게이션 화면


10. ReactXS – React Native의 Material Design 2.0 용 UIKit


ReactXS – UIKit for Material Design 2.0 by React Native 


머티리얼로 빌드되는 또 다른 반응 네이티브 템플릿


  • 디자인 가이드
  • 테마 제공자
  • Dark and light mode
  • Clean code
  • Good Performance
  • Card, List, Tab, Profile, Gallery Views

11. Mazi – React Native 모바일 템플릿에 대한 뉴스 및 매거진


Mazi – News & Magazine for React Native mobile template 


화면이 30 개 이상인 뉴스 블로그 또는 잡지를 위한 간단하고 기능적인 앱 템플릿입니다.

  • Dark and light mode
  • Multiple colors
  • Multi-Language
  • RTL support
  • Multiple font styles

12. SixPack – 완전한 React Native Fitness 앱 + 백엔드


SixPack – Complete React Native Fitness App + Backend 


개발자에게 PHP 백엔드와 함께 작동하는 쉽고 실용적인 방법을 제공하는 아이디어로 아름다운 피트니스 앱을 완성하세요.

  • Admin panel
  • 25 + screens
  • AdMob integrated
  • Firebase auth
  • Easy to customize
  • Back-end

13. Uber NextGen React 네이티브 UI 키트 템플릿


SUber NextGen React Native UI Kit Template 


택시 앱을 위한 UI / UX 프런트 엔드가 필요한 경우 이 uber 클론을 사용하십시오. 스마트한 사용자 흐름을 갖춘 30 개 이상의 화면. 택시 앱 UI를 개발하여 시간을 절약하세요.

  • Clean UI
  • Map integrated
  • Only front-end