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 65 66 67 68 |
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"; import { createBottomTabNavigator } from "react-navigation-tabs"; class App extends Component { constructor() { super(); } render(){ return ( <SafeAreaView> <ScrollView> <View > <Text>To-Do Applsication</Text> <TouchableOpacity onPress={()=>this.props.navigation.navigate('Detail')}> <Text>Git</Text> </TouchableOpacity> </View> </ScrollView> </SafeAreaView> ) } } class Detail extends Component { constructor() { super(); } render(){ return ( <View > <Text>To-Do Application</Text> </View> ) } } const HomeStack = createStackNavigator({ Home:{screen:App} }) const DetailStack = createStackNavigator({ Detail:{screen:Detail} }) const AppNavigator = createBottomTabNavigator({ Home:HomeStack, Detail:DetailStack }); export default createAppContainer(AppNavigator); |