React Native VChat UI Theme

React Native VChat UI Theme v 1.0.1

VChat is a well structured, fully customizable, responsive iOS and Android UI Theme built using React Native, NativeBase along-with a rich collection of UI elements specifically for an ideal messaging app to help you quickly get started on your next project.


Note: This product is a pure React Native application.


Development Environment

Ready to use screens for Chat app

A fully customizable Chat App Theme available with theme specific UI elements, components & ready to use screens.

  • ● Splash screen
  • ● Home
  • ● Country Picker
  • ● Phone No. Verification
  • ● Contact List
  • ● Chat screen
  • ● Search
  • ● Setings

React Native VChat UI Theme

Note

This starter kit is only a UI theme.
View the Backend version here.

React Native VChat UI Theme

Available Features

  • Power-packed with React-Native, NativeBase, React-Navigation
  • Single JavaScript code base for iOS & Android
  • Available with all necessary screens for a chat app (Chats list, Contacts List, Chat Window etc.)
  • Mass of theme specific UI elements, components

Functional Features

  • WhatsApp like one-to-one chat feature
  • Country picker for users from various countries to register
  • App users from contact list are fetched in the Contacts section
  • Mobile number verification process using OTP

Perfectly native look and feel with React Native

React Native VChat UI Theme

Package

React Native VChat UI Theme

  • ● @react-native-community/masked-view: ^0.1.10
  • native-base: ^2.13.12
  • ● prop-types: ^15.7.2
  • ● react: 16.11.0
  • react-native: 0.62.2
  • ● react-native-confirmation-code-input: ^1.0.4
  • ● react-native-contacts: ^5.2.1
  • ● react-native-debugger: ^1.1.0
  • ● react-native-elements: ^2.0.2
  • ● react-native-gesture-handler: ^1.6.1
  • ● react-native-gifted-chat: ^0.16.1
  • ● react-native-image-picker: ^2.3.1
  • ● react-native-image-progress: ^1.1.1
  • ● react-native-nav: ^2.0.2
  • ● react-native-phone-input: ^0.2.4
  • ● react-native-progress: ^4.1.2
  • ● react-native-safe-area-context: ^3.0.5
  • ● react-native-screens: ^2.8.0
  • ● react-native-scrollable-tab-view: ^1.0.0
  • ● react-native-splash-screen: ^3.2.0
  • ● react-native-vector-icons: 6.6.0
  • ● react-navigation: ^4.3.9
  • ● react-navigation-stack: ^2.7.0
  • ● remote-redux-devtools: ^0.5.16
  • ● uuid: ^8.1.0
  • ● babel-eslint: ^10.1.0
  • ● react-devtools: ^4.7.0
  • ● schedule: ^0.5.0
  • ● @babel/core: ^7.10.2
  • ● @babel/runtime: ^7.10.2
  • ● @react-native-community/eslint-config: ^2.0.0
  • ● babel-jest: ^26.0.1
  • eslint: ^7.2.0
  • ● jest: ^26.0.1
  • ● metro-react-native-babel-preset: ^0.59.0
  • ● react-test-renderer: 16.13.1

BROUGHT TO YOU BY

Start building your app today!

Get Started