Skip to content

Instantly share code, notes, and snippets.

@bharat-tiwari

bharat-tiwari/App.tsx

Created December 22, 2020 05:34
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save bharat-tiwari/962ff245ea73893a16a92d584e3a3d4e to your computer and use it in GitHub Desktop.
Save bharat-tiwari/962ff245ea73893a16a92d584e3a3d4e to your computer and use it in GitHub Desktop.
Download ZIP
App component with NativeBase header
Raw
App.tsx
import React from 'react';
import { Button, Container, Header, Title, Content, Icon, Left, Right, Text, Body } from "native-base";
import { React$Node } from './../TypesAndInterfaces/AppTypes';
/**
* @name App
* @description App Component function
*/
const App: () => React$Node = () => {
return (
<Container style={{ backgroundColor: '#9FA8DA' }}>
<Header transparent>
<Left>
<Button transparent>
<Icon name="arrow-back" />
</Button>
</Left>
<Body>
<Title>Transparent</Title>
</Body>
<Right>
<Button transparent>
<Text>Cancel</Text>
</Button>
</Right>
</Header>
<Content padder>
<Text>
Header with transparent prop
</Text>
</Content>
</Container>
);
};
export default App;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment