I'm not able to find a correct way to refresh a FlatList when bottom bar tab is pressed and that we are at the top of the FlatList. I did succeed to reach the top of the FlatList using useScrollToTop,…
I have been developing an app on React-Native. The problem I am facing is that I have implemented gorhoms bottom sheet in my React-Native app and that should work when I click on the current location. This bottom sheet is…
I am using react-navigation, currently I am using the Stack and Bottom Tabs, but I also need a Top Tabs as well. I see the option of Material Top Tabs, but again as per the rule, I can only use…
I am new to React and TypeScript and I created an app with Expo Go that contains the React Bottom Tab Navigator (https://reactnavigation.org/docs/bottom-tab-navigator/). My problem is that the example does not define the types for the {navigation} parameter and I…
The app is developed with react-native and expo. I have this simple layout and structure: A navigator js file with bottom-tab-bar navigation, that directs to pages, and is imported to App.js The problem is that the tab navigator is covering…
According to this doc with the example that gives this result : why do I have always this result, with exactly the same code: And the highlight on the tap doesn't work as well. I checked all the dependencies and…
I am trying to show a media player above the bottom tab navigator just like in spotify app. It should stay there in same state across all the screens (bottom tabs). Any suggestions or approaches to implement this in React…
I'm following the guide from https://reactnavigation.org/docs/bottom-tab-navigator/ import { createBottomTabNavigator } from '@react-navigation/bottom-tabs'; import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons'; const Tab = createBottomTabNavigator(); function MyTabs() { return ( <Tab.Navigator initialRouteName="Feed" screenOptions={{ tabBarActiveTintColor: '#e91e63', }} > <Tab.Screen name="Feed" component={Feed} options={{ tabBarLabel: 'Home', tabBarIcon: ({…
enter image description here These createBottomTabNavigator icons not showing when i run in my device, but icons are showing when i run using web? what i need add to show createBottomTabNavigator icons. can anyone suggest me. here this is App.js…
I'm very new to react native.. very much still learning. I read the docs for react navigation but I can't get my bottom tab navigator to display. I run the project and it loads up just fine without any errors…