Component Oluşturma 
Örnek
import { StyleSheet, Text, View } from 'react-native';
// You can import supported modules from npm
import { Card } from 'react-native-paper';
// or any files within the Snack
import Logo from './components/Logo1';
export default function App() {
return (
<View style={styles.container}>
<Logo/><Logo/><Logo/><Logo/><Logo/>
</View>
);
}
const styles = StyleSheet.create({
container: {
flex: 1,
flexDirection:'row',
justifyContent: 'flex-start',
alignItems:"flex-start",
backgroundColor: '#ecf0f1',
padding: 8,
},
});
import React from "react";
import {View, Image, Text, StyleSheet} from "react-native";
const Logo=()=> {
return (
<View style={Stiller.Kontainer}>
<Image style={Stiller.Resim} source={require('../assets/gemi1.png')} />
<Text style={{fontWeight:"bold"}}> BORUSAN</Text>
</View>
);
}
const Stiller = StyleSheet.create ({
Kontainer: {
//flex:1,
flexDirection:"row",
justifyContent:"center",
alignItems:"center",
border:1,
borderStyle:"solid",
borderColor:"black",
backgroundColor:"yellow",
margin:5,
paddingHorizontal:15
},
Resim : {
height:50,
width:50
}
});
export default Logo;
