1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 |
import React,{Component} from 'react'; import { SafeAreaView, StyleSheet, ScrollView, View, Text, TextInput, StatusBar, TouchableOpacity } from 'react-native'; import { createAppContainer } from "react-navigation"; import { createStackNavigator } from "react-navigation-stack"; class App extends Component { constructor() { super(); } render(){ return ( <View > <Text>To-Do Application</Text> <TouchableOpacity onPress={()=>this.props.navigation.navigate('Detail')}> <Text>Git</Text> </TouchableOpacity> </View> ) } } class Detail extends Component { constructor() { super(); } render(){ return ( <View > <Text>To-Do Application</Text> </View> ) } } const AppNavigator = createStackNavigator({ Home:{ screen:App }, Detail:{ screen:Detail } },{ initialRouteName:'Home' /* hangi sayfa açılmasını istiyoruz ilk başta */ }); export default createAppContainer(AppNavigator); |