Native Base, İçinde hazır komponentler bulunan bir ön yüz tasarım(UI) kütüphanesidir. İhtiyacınız olan tüm form elamanlarını sunuyor. Web' deki Bootstrap olarak düşünebilirsiniz. Formlar ile çalışabilir validation işlemlerini yönetebilirsiniz.
https://docs.nativebase.io/ adresinden dokümantasyon sayfasına ulaşabilirsiniz.
Öncelikle npm aracılığı ile paketi projeye dahil etmeliyiz. Projeyi VsCode ile açtıktan sonra Terminal ekranından aşağıdaki kodları yazarak dahil edebiliriz.
npm install native-base --save
Anatomy
import React, { Component } from 'react';
import { Container, Header, Title, Content, Footer, FooterTab, Button, Left, Right, Body, Icon, Text } from 'native-base';
export default class AnatomyExample extends Component {
render() {
return (
<Container>
<Header>
<Left>
<Button transparent>
<Icon name='menu' />
</Button>
</Left>
<Body>
<Title>Header</Title>
</Body>
<Right />
</Header>
<Content>
<Text>
This is Content Section
</Text>
</Content>
<Footer>
<FooterTab>
<Button full>
<Text>Footer</Text>
</Button>
</FooterTab>
</Footer>
</Container>
);
}
}