Packages

native-base

It is a mobile-first, accessible component library for building a consistent design system across android, iOS & web.

yarn

yarn add native-base styled-components styled-system 

npm

npm install native-base styled-components styled-system

@expo/vector-icons

A searchable list of all included icons.

yarn

yarn add @expo/vector-icons

npm

npm install @expo/vector-icons

@react-native-community/masked-view

React Native MaskedView for iOS and Android.

yarn

yarn add @react-native-community/masked-view

npm

npm install @react-native-community/masked-view

@react-navigation/bottom-tabs

Bottom tab navigator for React Navigation following iOS design guidelines

yarn

yarn add @react-navigation/bottom-tabs

npm

npm install @react-navigation/bottom-tabs

@react-navigation/drawer

Drawer navigator for use on iOS and Android.

yarn

yarn add react-navigation-drawer

npm

npm install react-navigation-drawer

@react-navigation/native

yarn

yarn add react-navigation/native

npm

npm install react-navigation/native

@react-navigation/stack

Stack navigator for use on iOS and Android.

yarn

yarn add react-navigation-stack @react-native-community/masked-view react-native-safe-area-context

npm

npm install react-navigation-stack @react-native-community/masked-view react-native-safe-area-context

expo

Expo is a framework and a platform for universal React applications. It is a set of tools and services built around React Native and native platforms that help you develop, build, deploy, and quickly iterate on iOS, Android, and web apps from the same JavaScript/TypeScript codebase.

yarn

yarn add expo

npm

npm install expo

expo-asset

It provides an interface to Expo's asset system.

expo install expo-asset

expo-constants

It provides system information that remains constant throughout the lifetime of your app's install.

expo install expo-constants

expo-font

It allows loading fonts from the web and using them in React Native components. See more detailed usage information in the Fonts guide.

expo install expo-font

expo-linear-gradient

It provides a native React view that transitions between multiple colors in a linear direction.

expo install expo-linear-gradient

expo-linking

It provides utilities for your app to interact with other installed apps using deep links.

expo install expo-linking

expo-splash-screen

It allows you to customize your app's splash screen, which is the initial screen users see when the app is launched, before it has loaded.

yarn

yarn add expo-splash-screen

npm

npm install expo-splash-screen

expo-status-bar

It provides the same interface as the React Native StatusBar API, but with slightly different defaults to work great in Expo environments.

yarn

yarn add expo-status-bar

npm

npm install expo-status-bar

expo-web-browser

It provides access to the system's web browser and supports handling redirects.

yarn

yarn add expo-web-browser

npm

npm install expo-web-browser

react-native-calendars

yarn

yarn add react-native-calendars

npm

npm install react-native-calendars

react-native-gesture-handler

React Native Gesture Handler provides native-driven gesture management APIs for building best possible touch-based experiences in React Native.

yarn

yarn add react-native-gesture-handler

npm

npm install react-native-gesture-handler

react-native-maps

yarn

yarn add react-native-maps

npm

npm install react-native-maps

react-native-reanimated

React Native Reanimated provides a more comprehensive, low level abstraction for the Animated library API to be built on top of and hence allow for much greater flexibility especially when it comes to gesture based interactions.

yarn

yarn add react-native-reanimated

npm

npm install react-native-reanimated