Skip to content

Empty react native project by using UI Library Component UI Kitten

Notifications You must be signed in to change notification settings

ongyishen/UIKittenRNExpo

Repository files navigation

UIKittenRNExpo

Startup react native project by using UI Kitten (UI Library Component) & Expo

Get your free Apple Stock when sign up & deposit to Tiger Brokers ClickHere

Use my referral link ClickHere to sign up for Crypto.com and we both get $25 USD :)

Donation

If this project helped you reduce time to develop, please consider buying me a cup of coffee :)

Buy Me A Coffee

Official UI Kitten Documentation

Documentation

To Run the Project in Expo

yarn install
npm start

Screenshots

Expo Publish Link

Expo Link

Setup your own startup project

Enable Yarn Package Management

npm install -g yarn

Install Expo CLI

npm install -g expo-cli

Adding UI Kitten to the App

yarn add @ui-kitten/components @eva-design/eva
expo install react-native-svg
yarn add @ui-kitten/eva-icons

Adding React Navigation

expo install @react-navigation/native
expo install react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context @react-native-community/masked-view
yarn add @react-navigation/stack

Adding Drawer and Bottom Tabs Navigations

yarn add @react-navigation/bottom-tabs
yarn add @react-navigation/drawer

Add Safe Area Context (Dealing with Notched Display)

yarn add react-native-safe-area-context

About

Empty react native project by using UI Library Component UI Kitten

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published