Skip to content

Basic E-commerse app build for learining purpose and user can view and see their required files

Notifications You must be signed in to change notification settings

yogijagdish/BasicApp

Repository files navigation

Starting the New Project

Installed Dependancies

for navigation purpose

npm install @react-navigation/native

installing dependacies into an Expo managed project

npx expo install react-native-screens react-native-safe-area-context

installation of native stack navigator

npm install @react-navigation/native-stack

installation of bottom tabs

npm install @react-navigation/bottom-tabs

Installing NativeWind andCss in react native

Install nativewind and its peer dependacies

yarn add nativewind
yarn add --dev tailwindcss

Setup Tailwindcss

// tailwind.config.js

module.exports = {
content: ["./App.{js,jsx,ts,tsx}", "./<custom-folder>/**/*.{js,jsx,ts,tsx}"],
  theme: {
    extend: {},
  },
  plugins: [],
}

Add Babel plugin

// babel.config.js
module.exports = {
  presets: ['module:metro-react-native-babel-preset'],
  plugins: ["nativewind/babel"],
};

Reset the cache

npm start -- --reset-cache

About

Basic E-commerse app build for learining purpose and user can view and see their required files

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages