import React from 'react';
import {Text} from 'react-native';

const Kedi = () => {
  return <Text>Merhaba, Ben bir kedi fonksiyonuyum!</Text>;
};

export default Kedi; // hangi fonksiyonun calisacagina karar veriyor...

import React from 'react';
import {Text} from 'react-native';

const Cagir = () => {
  const Degisken = 'Karakedi';
  return <Text>Merhaba ben {Degisken}!</Text>;
};

export default Cagir;

import React from 'react';
import {Text, View} from 'react-native';

const IsimYazici = GelenDegerleriTutan => {
  return (
    <View>
      <Text>Merhaba ben {GelenDegerleriTutan.IsimDegiskeni} {GelenDegerleriTutan.SoyIsimDegiskeni} ve ben {GelenDegerleriTutan.Yas} yaşındayım.!</Text>
    </View>
  );
};

const Yazici= () => {
  return (
    <View>
      <IsimYazici IsimDegiskeni="Mehmet" SoyIsimDegiskeni="Yıldız" Yas="23" />
    </View>
  );
};

export default Yazici;

import React, { Component } from 'react';  
import {  
  Platform,  
  StyleSheet,  
  Image,  
  Text,  
  View  
} from 'react-native';  
 
 
export default class App extends Component<{}> {  
  render() {  
    let imagePath = { uri: 'https://facebook.github.io/react-native/img/header_logo.png'};  
    return (  
        <View style={styles.container}>  
          <Text style={styles.welcome}>Welcome to React Native!</Text>  
          <Image source={imagePath} style={{width: 250, height: 250}} />  
        </View>  
    );  
  }  
}  
 
const styles = StyleSheet.create({  
  container: {  
    flex: 1,  
    justifyContent: 'center',  
    alignItems: 'center',  
    backgroundColor: '#aa0000',  
  },  
  welcome: {  
    fontSize: 30,  
    textAlign: 'center',  
    margin: 20,
    color:'white'
  }  
});