Nativebase
İçinde hazır komponentler bulunan bir ön yüz tasarım kütüphanesidir. Nativebase sayesinde daha az kod yazarak daha kullanışlı uygulamalar yapabiliriz.
Kurulumu ve kullanımına kendi sitesinden de bakabilirsiniz.
Öncelikle npm aracılığı ile paketi projeye dahil etmeliyiz.
npm install native-base --save
Yükleme tamamlandıktan sonra linkleme işlemi yapmalısınız.
react-native link
Basitçe kullanımı aşıdaki gibidir
import React from 'react';
import { AppLoading } from 'expo';
import { Container, Text } from 'native-base';
import * as Font from 'expo-font';
import { Ionicons } from '@expo/vector-icons';
export default class App extends React.Component {
constructor(props) {
super(props);
this.state = {
isReady: false,
};
}
async componentDidMount() {
await Font.loadAsync({
Roboto: require('native-base/Fonts/Roboto.ttf'),
Roboto_medium: require('native-base/Fonts/Roboto_medium.ttf'),
...Ionicons.font,
});
this.setState({ isReady: true });
}
render() {
if (!this.state.isReady) {
return <AppLoading />;
}
return (
<Container>
<Text>Open up App.js to start working on your app!</Text>
</Container>
);
}
}
Detaylı komponent listesi için kendi sitesini ziyaret edebilirsiniz.
