react nav code example

Example 1: react navigation

//dependencies
npm install @react-navigation/native
npm install react-native-reanimated react-native-gesture-handler react-native-screens react-native-safe-area-context @react-native-community/masked-view

//for stack navigator,drawer,material bottom tab,react-native paper
npm install @react-navigation/stack @react-navigation/drawer @react-navigation/material-bottom-tabs react-native-paper

Example 2: react navigation

#expo managed project
npm 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

Example 3: move navbar items to right with reactbootstrap

<Navbar bg="light" variant="light">
            <Container>
                <LinkContainer to="/">
                    <Navbar.Brand>Navbar</Navbar.Brand>

                </LinkContainer>
               // <Nav className="mr-auto"> to  <Nav className="ml-auto">
                    <Nav.Link to="/cart">Cart</Nav.Link>
                    <Nav.Link to="/login">Sign In</Nav.Link>
                </Nav>

            </Container>
        </Navbar>
// just change the margin-right(mr-auto) to margin-left(ml-auto)
// This should be working fine