Advertisement
Guest User

React Native MDB error

a guest
Apr 10th, 2021
138
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. import React from 'react';
  2. import { SafeAreaView, Platform, StyleSheet, StatusBar } from 'react-native';
  3. import { MDBNavbar, MDBNavbarNav, MDBNavbarItem, MDBNavbarLink, MDBContainer, MDBIcon, MDBNavbarToggler } from 'mdb-react-ui-kit';
  4.  
  5. function WelcomeScreen(props) {
  6.     return (
  7.         <SafeAreaView style={styles.safeView}>
  8.             <MDBNavbar expand='lg' light bgColor='white'>
  9.                 <MDBContainer fluid>
  10.                 <MDBNavbarToggler
  11.                     aria-controls='navbarExample01'
  12.                     aria-expanded='false'
  13.                     aria-label='Toggle navigation'
  14.                 >
  15.                     <MDBIcon fas icon='bars' />
  16.                 </MDBNavbarToggler>
  17.                 <div className='collapse navbar-collapse' id='navbarExample01'>
  18.                     <MDBNavbarNav right className='mb-2 mb-lg-0'>
  19.                     <MDBNavbarItem active>
  20.                         <MDBNavbarLink aria-current='page' href='#'>
  21.                         Home
  22.                         </MDBNavbarLink>
  23.                     </MDBNavbarItem>
  24.                     <MDBNavbarItem>
  25.                         <MDBNavbarLink href='#'>Features</MDBNavbarLink>
  26.                     </MDBNavbarItem>
  27.                     <MDBNavbarItem>
  28.                         <MDBNavbarLink href='#'>Pricing</MDBNavbarLink>
  29.                     </MDBNavbarItem>
  30.                     <MDBNavbarItem>
  31.                         <MDBNavbarLink href='#'>About</MDBNavbarLink>
  32.                     </MDBNavbarItem>
  33.                     </MDBNavbarNav>
  34.                 </div>
  35.                 </MDBContainer>
  36.             </MDBNavbar>
  37.  
  38.             <div className='p-5 text-center bg-light'>
  39.                 <h1 className='mb-3'>Heading</h1>
  40.                 <h4 className='mb-3'>Subheading</h4>
  41.                 <a className='btn btn-primary' href='' role='button'>
  42.                 Call to action
  43.                 </a>
  44.             </div>
  45.         </SafeAreaView>
  46.     );
  47. }
  48.  
  49. const styles = StyleSheet.create({
  50.     safeView: {
  51.         paddingTop: Platform.OS === "android" ? StatusBar.currentHeight : 0
  52.     }
  53. })
  54.  
  55. export default WelcomeScreen;
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement