Posts

Showing posts from February, 2023

tabnavigation3

  import  {  StatusBar  }  from   'expo-status-bar' ; import  {  Pressable ,  StyleSheet ,  Text ,  View  }  from   'react-native' ; import   First   from   './componetns/screens/First' ; import   Fourth   from   './componetns/screens/Fourth' ; import   Second   from   './componetns/screens/Second' ; import   Thired   from   './componetns/screens/Thired' ; import  {  NavigationContainer  }  from   '@react-navigation/native' ; //import { createNativeStackNavigator } from '@react-navigation/native-stack'; //import { useNavigation } from '@react-navigation/native'; import   Ionicons   from   'react-native-vector-icons/Ionicons' ; import  {  createBottomTabNavigator  }  from   '@react-navigation/bottom-tabs' ; //const Stack = createNat...

tabnavigation2

  import  {  StatusBar  }  from   'expo-status-bar' ; import  {  Pressable ,  StyleSheet ,  Text ,  View  }  from   'react-native' ; import   First   from   './componetns/screens/First' ; import   Fourth   from   './componetns/screens/Fourth' ; import   Second   from   './componetns/screens/Second' ; import   Thired   from   './componetns/screens/Thired' ; import  {  NavigationContainer  }  from   '@react-navigation/native' ; //import { createNativeStackNavigator } from '@react-navigation/native-stack'; //import { useNavigation } from '@react-navigation/native'; import   Ionicons   from   'react-native-vector-icons/Ionicons' ; import  {  createBottomTabNavigator  }  from   '@react-navigation/bottom-tabs' ; //const Stack = createNat...

tabnavigationnative1

  import  {  StatusBar  }  from   'expo-status-bar' ; import  {  Pressable ,  StyleSheet ,  Text ,  View  }  from   'react-native' ; import   First   from   './componetns/screens/First' ; import   Fourth   from   './componetns/screens/Fourth' ; import   Second   from   './componetns/screens/Second' ; import   Thired   from   './componetns/screens/Thired' ; import  {  NavigationContainer  }  from   '@react-navigation/native' ; //import { createNativeStackNavigator } from '@react-navigation/native-stack'; //import { useNavigation } from '@react-navigation/native'; import   Ionicons   from   'react-native-vector-icons/Ionicons' ; import  {  createBottomTabNavigator  }  from   '@react-navigation/bottom-tabs' ; //const Stack = createNat...

tabnavigationmaterialbutton

  import  {  StyleSheet ,  Text ,  View , Pressable  }  from   'react-native' import  {  useNavigation  }  from   '@react-navigation/native' ; import   React   from   'react' import  {  NavigationContainer  }  from   '@react-navigation/native' ; import   Ionicons   from   'react-native-vector-icons/Ionicons' ; //import { createNativeStackNavigator } from '@react-navigation/native-stack'; import   A1   from   './A1' ; import   B1   from   './B1' ; //import { createBottomTabNavigator } from '@react-navigation/bottom-tabs'; import  {  createMaterialBottomTabNavigator  }  from   '@react-navigation/material-bottom-tabs' ; // import { useNavigation } from '@react-navigation/native'; export   default   function   Nav () { ...

Tabnavigationnative

Material Bottom Tabs Navigator | React Navigation   import  {  StyleSheet ,  Text ,  View , Pressable  }  from   'react-native' import  {  useNavigation  }  from   '@react-navigation/native' ; import   React   from   'react' import  {  NavigationContainer  }  from   '@react-navigation/native' ; import   Ionicons   from   'react-native-vector-icons/Ionicons' ; //import { createNativeStackNavigator } from '@react-navigation/native-stack'; import   A1   from   './A1' ; import   B1   from   './B1' ; import  {  createBottomTabNavigator  }  from   '@react-navigation/bottom-tabs' ; // import { useNavigation } from '@react-navigation/native'; export   default   function   Nav () {       //const Stack = createNative...