React Native Social App Theme

React Native Social App Theme v 9.3.1

Social Networking UI theme built using React Native, NativeBase, Redux that supports iOS & Android. An app inspired from Facebook, provides all necessary screens like post, chat, profile and lots more.

Note: This product is a pure React Native application and also available with Expo client.


Development Environment

All the screens you want!

Fully customizable, ready-to-use screens for users with easily configurable application design, and the right UX for a Social App.

  • ● Login
  • ● News Feed
  • ● Friend Requests
  • ● Sign Up
  • ● Chat Screen
  • ● Profile
  • ● Settings
  • ● Notifications
  • ● Slide-in chatbar
  • ● User Timeline
  • ● Update Status
  • ● Nearby Friends
  • ● Chat List
  • ● Blank Page

React Native Social App Theme

NOTE

We have Backend Integrated Social Networking App as well, get more detailed information.

React Native Social App Theme

Fetching Features

  • Icons, components to facilitate features like share, like, comment and more
  • Power-packed with Redux, NativeBase, React Navigation and Color package
  • Includes both React Native and CRNA and Expo
  • Single JavaScript code base for iOS & Android
  • Mass of theme specific UI elements, components
  • Fascinated blend of React Native and ES6

Form Validation

  • Integrated Redux Form with Login screen
  • Usage of Redux Store to fetch data in Settings screen
  • Usage of React Native's Flat list in Settings screen
  • Test cases with Jest
React Native Social App Theme

Quality Code

  • ESlint for code quality
  • Flow for type checking
  • Husky to prevent bad commit, push
  • Prettier for pretty, formatted JavaScript code

Perfectly native look and feel with React Native

Eye soothing UI with awesomely smooth UX!

React Native Social App Theme

Package

React Native Social App Theme

  • ● @react-native-community/masked-view: 0.1.10
  • ● color: ^3.1.2
  • expo: ~38.0.8
  • ● expo-font: ~8.2.1
  • ● expo-status-bar: ^1.0.2
  • ● jest-cli: ^26.2.2
  • ● lodash: ^4.17.19
  • ● moment: ^2.27.0
  • native-base: ^2.13.13
  • ● prop-types: ^15.7.2
  • ● react: ~16.11.0
  • ● react-dom: ~16.11.0
  • react-native: https://github.com/expo/react-native/archive/sdk-38.0.2.tar.gz
  • ● react-native-gesture-handler: ~1.6.0
  • ● react-native-gifted-chat: ^0.16.3
  • ● react-native-safe-area-context: ~3.0.7
  • ● react-native-screens: ~2.9.0
  • ● react-native-web: ~0.11.7
  • ● react-navigation: ^4.4.0
  • ● react-navigation-drawer: ^2.5.0
  • ● react-navigation-stack: ^2.8.2
  • ● react-navigation-tabs: ^2.9.0
  • ● react-redux: ^7.2.1
  • redux: ^4.0.5
  • ● redux-form: ^8.3.6
  • ● redux-persist: ^6.0.0
  • ● redux-thunk: ^2.3.0
  • ● remote-redux-devtools: ^0.5.16
  • ● remote-redux-devtools-on-debugger: ^0.8.3
  • ● whatwg-fetch: ^3.3.1
  • ● react-native-reanimated: ~1.9.0
  • ● @babel/core: ^7.8.6
  • ● babel-preset-expo: ~8.1.0
  • ● @babel/plugin-transform-react-jsx-source: ^7.9.0
  • ● babel-eslint: 10.1.0
  • eslint: 6.8.0
  • ● eslint-plugin-flowtype: 4.7.0
  • ● eslint-plugin-import: 2.20.1
  • ● 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
  • ● flow-bin: 0.121.0
  • ● flow-typed: 3.1.0
  • ● husky: 4.2.3
  • ● jest: 25.2.0
  • ● jest-expo: ^36.0.1
  • ● pre-commit: ^1.2.2
  • ● prettier: 2.0.2
  • ● react-test-renderer: 16.13.1

BROUGHT TO YOU BY

Start building your app today!

Get Started