Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- import React from 'react';
- import { SafeAreaView, Platform, StyleSheet, StatusBar } from 'react-native';
- import { MDBNavbar, MDBNavbarNav, MDBNavbarItem, MDBNavbarLink, MDBContainer, MDBIcon, MDBNavbarToggler } from 'mdb-react-ui-kit';
- function WelcomeScreen(props) {
- return (
- <SafeAreaView style={styles.safeView}>
- <MDBNavbar expand='lg' light bgColor='white'>
- <MDBContainer fluid>
- <MDBNavbarToggler
- aria-controls='navbarExample01'
- aria-expanded='false'
- aria-label='Toggle navigation'
- >
- <MDBIcon fas icon='bars' />
- </MDBNavbarToggler>
- <div className='collapse navbar-collapse' id='navbarExample01'>
- <MDBNavbarNav right className='mb-2 mb-lg-0'>
- <MDBNavbarItem active>
- <MDBNavbarLink aria-current='page' href='#'>
- Home
- </MDBNavbarLink>
- </MDBNavbarItem>
- <MDBNavbarItem>
- <MDBNavbarLink href='#'>Features</MDBNavbarLink>
- </MDBNavbarItem>
- <MDBNavbarItem>
- <MDBNavbarLink href='#'>Pricing</MDBNavbarLink>
- </MDBNavbarItem>
- <MDBNavbarItem>
- <MDBNavbarLink href='#'>About</MDBNavbarLink>
- </MDBNavbarItem>
- </MDBNavbarNav>
- </div>
- </MDBContainer>
- </MDBNavbar>
- <div className='p-5 text-center bg-light'>
- <h1 className='mb-3'>Heading</h1>
- <h4 className='mb-3'>Subheading</h4>
- <a className='btn btn-primary' href='' role='button'>
- Call to action
- </a>
- </div>
- </SafeAreaView>
- );
- }
- const styles = StyleSheet.create({
- safeView: {
- paddingTop: Platform.OS === "android" ? StatusBar.currentHeight : 0
- }
- })
- export default WelcomeScreen;
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement