React Native E-Commero UI Theme

React Native E-Commero UI Theme 3.0.0

E-Commero is a React Native based E-Commerce theme built using Expo, React Navigation, React Hooks for IOS & Android. Theme comes with clean design and responsive UI with all necessary screens for creating E-Commerce app.


Note: This is an Expo based product.


Development Environment
Demo Links Available Below

Do it your way!

Focussed on attractive designs & easily customizable features. Rich with elements to build cross-platform E-Commerce App like Amazon / eBay / Flipp.

  • ● Splashscreen
  • ● Login
  • ● Forgot Password
  • ● Home
  • ● Product List
  • ● Product Description
  • ● Shopping Cart
  • ● Summary
  • ● Payment
  • ● Order confirmation
  • ● Payment Confirmation
  • ● Search Page
  • ● Search Result
  • ● User Profile
  • ● Edit Profile
  • ● Previous Orders
  • ● Drawer
  • ● Address Details
  • ● Edit Address

Features

  • Fully customizable theme with quality code.
  • Single JavaScript code base for iOS & Android.
  • Zero usage of any framework or library for quick customization of components.
  • Well organized E-Commerce theme with clean design, user friendly & responsive UI.
  • Comprises of all possible features & screens related to E-Commerce app.
  • Implemented with all necessary screens - Product Listing, Shopping Cart, Rating & Reviews, Editing Profile, Editing Address, Payment Screens, Orders Screen.
    Detailed article is available in NativeBase blog.
React Native E-Commero UI Theme
React Native E-Commero UI Theme

Technologies Used

  • React Native
  • Integrated with Expo
  • React Hooks
  • React Navigation for routing & navigation
  • Drawer Navigator for smooth navigation on left to right swipe
  • Stack Navigator to maintain stacks of screen, assures single screens visibility at a time
  • Switch Navigator for maintaining authentication flow internally
  • ESlint for code quality
  • Prettier for pretty, formatted JavaScript code

Clean Design & Responsive UI for E-Commerce App

React Native E-Commero UI Theme

Package

React Native E-Commero UI Theme

  • ● @react-native-community/masked-view: 0.1.6
  • ● @react-navigation/drawer: ^5.4.0
  • ● @react-navigation/native: ^5.1.4
  • ● @react-navigation/stack: ^5.2.9
  • expo: ^37.0.0
  • ● expo-font: ~8.1.0
  • ● react: 16.9.0
  • react-native: https://github.com/expo/react-native/archive/sdk-37.0.0.tar.gz
  • ● react-native-gesture-handler: ~1.6.0
  • ● react-native-material-dropdown: ^0.11.1
  • ● react-native-modal: ^11.5.6
  • ● react-native-reanimated: ~1.7.0
  • ● react-native-safe-area-context: 0.7.3
  • ● react-native-screens: ~2.2.0
  • ● react-native-swiper-flatlist: ^2.0.4
  • ● react-native-timeline-flatlist: ^0.7.1
  • ● babel-eslint: ^10.1.0
  • ● babel-preset-expo: ^8.1.0
  • eslint: ^5.16.0
  • ● eslint-config-airbnb: ^17.1.1
  • ● eslint-plugin-import: ^2.20.2
  • ● eslint-plugin-jsx-a11y: ^6.2.3
  • ● eslint-plugin-prettier: ^3.1.2
  • ● eslint-plugin-react: ^7.19.0
  • ● eslint-plugin-react-native: ^3.8.1
  • ● prettier: ^1.19.1

BROUGHT TO YOU BY

Start building your app today!

Get Started