Giter Site home page Giter Site logo

native-steps's Introduction

Native-steps -:

1 react native app setup

step-1 : install expo cli npm install -g expo-cli. step-2 : Then run the following commands to create a new React Native project called "AwesomeProject":

       expo init AwesomeProject

       cd AwesomeProject
       npm start # you can also use: expo start.

2 navigation setup -:

step-1 : Install the required packages in your React Native project: npm install @react-navigation/native

step-2 : createStackNavigator (Provides a way for your app to transition between screens where each new screen is placed on top of a stack. By default the stack navigator is configured to have the familiar iOS and Android look & feel: new screens slide in from the right on iOS, fade in from the bottom on Android. On iOS the stack navigator can also be configured to a modal style where screens slide in from the bottom.)

     npm install @react-navigation/stack.
     
     visit site for docs https://reactnavigation.org/docs/stack-navigator/.

step-3 : Installing dependencies into an Expo managed project# In your project directory, run:

     expo install react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context @react-native-community/masked-view
     This will install versions of these libraries that are compatible.

     You can now continue to "Hello React Navigation" to start writing some code.         

3 react native tags -:

  1. view = div;
  2. onClick = onPress;
  3. navigation.navigate to go to mention page or slide.

4 react firebase setup

step-1: First we need to setup a Firebase Account and create a new project. We will be using the JavaScript SDK provided by Firebase, so pull it into your Expo project.

    expo install firebase  
    
    and for futrther info read documentation on expo firebase.

native-steps's People

Contributors

edendattox avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.