Questions tagged [react-navigation-top-tabs]
34 questions
1
vote
0 answers
Dynamic component creation in React Native "Material Top Tabs Navigator"
Currently I am developing a news app where I have to show category wise news listing. The categories are dynamic and fetching from API (Eg. Health, Sports, Travel, Technology etc.).
I am using Material Top Tabs Navigator to show those…
Ayyan
- 21
- 2
1
vote
1 answer
React native - Material Top Tabs Navigator with swipe list view swipe inside the tab
I'm using react navigation 5.x material top tabs navigator in my app with two tabs,
Inside of both the tabs I have swipe list view component.
I want to be able to swipe the rows on the list view but when I try to swipe them the tab is also gets…
Chapnik
- 62
- 9
1
vote
0 answers
React Native - Keyboard is automatically hiding
I've got a problem with keyboard in react native. I have a component with TextInput inside of it. The problem is when I am touching it - keyboard is starting to show, but immediately hiding back. (Checked with event listeners of Keyboard - event…
VyachAp
- 23
- 6
1
vote
0 answers
Swipe right from last screen to go to first screen in react navigation Material Top Tabs Navigator
I am trying to achieve a flow in react navigation Material Top Tabs Navigator.
I want to swipe right on last screen in Material Top Tabs Navigator to go to first screen in the navigator. Vice versa if I swipe left on first screen in the navigator…
Mazhar Hussain
- 11
- 1
1
vote
0 answers
Hide Tab Bar on invoking keyboard for createMaterialTopTabNavigator as a Bottom Tab Navigator implementation
Heyy everyone, I was using the React Navigation 5 createMaterialTopTabNavigator for a Bottom Navigation setup as I needed the swipe transition that Material Top Navigator offers as well, but unlike createBottomTabNavigator, the Material Top doesn't…
Chinmay Parab
- 81
- 1
- 3
1
vote
0 answers
Is there a way to overlay react-navigation headers from within a screen?
Wondering if there's a simple way to overlay react-navigation's Stack and MaterialTopTabNavigator components within individual screens. I need to overlay both when displaying components such as loading overlays and dialog/prompt components.
I…
warrenbuffering
- 242
- 4
- 24
0
votes
0 answers
React-native Android error: Invariant Violation: requireNativeComponent: "RNCViewPager" was not found in the UIManager
I just want to build top tab navigation and I followed the official documentation, I did everything to fix this error, even manually linked but It didn't work (however new versions of react-native have autolinking, I have the latest one ), followed…
0
votes
0 answers
React Navigation v6: How to set state variable of parent component from custom tab bar component?
I'm using React-Navigation v6 in my React Native app. I make a custom tab bar in my MaterialTopTabNavigator, and in it I have a TextInput in which I want to set a state variable in the parent component. Here's the render method of my parent…
gkeenley
- 6,088
- 8
- 54
- 129
0
votes
0 answers
Pass value one TopTab Screen To another TopTab Screen
My CarList Screen
//CarList.js
import React from 'react';
import { View, Text, StyleSheet } from 'react-native';
function CarList() {
return (
CarList
Raj Parmar
- 83
- 6
0
votes
0 answers
How to center top tabs in MaterialTopTabNavigator in ReactNative
Expected Output
Actual Output
I need top tab navigation like expected output.I used React native navigation material top navigation.I couldn't do centre the label on the top tab navigator and active indicator.
This is my code
return (
…
Anushka Praveen
- 109
- 2
- 13
0
votes
0 answers
How to nest the top navigator tabs into the specific component within the stack screen in react native
I am trying to nest the top navigator tabs into the view within the stack screen in react native.
I am trying to nest the top navigator tabs into the view within the stack screen in react native. I tried many ways to nest the top tabs and I don't…
Rajbeer Singh
- 1
- 1
0
votes
2 answers
@react-navigation/material-top-tabs not working on tab android expo
I have upgraded my expo version to version 47.0.9
I came from expo 45 so it was a pretty big upgrade.
It's all working fine except for one thing. The material top tabs for react native don't work on tab but they work if i scroll. On IOS it is…
Sander van Maastricht
- 319
- 2
- 9
0
votes
0 answers
Dynamic Screens with React Navigation Top Tab Navigator state.routes[index].name undefined and scroll behaviour?
I have two problems that seem to be related. I'm using a MaterialTopTabNavigator with tabBarScrollEnabled. It works fine when I initially have my screens under it. But in my final screen I have a button that marks the flow "complete", which should…
mwhited
- 1
- 2
0
votes
2 answers
topTabNavigator label not showing
I have the following tobtabNavigator but the labels are not showing and I am not sure why. It is just blank as shown bellow
import {createMaterialTopTabNavigator} from '@react-navigation/material-top-tabs';
const Tab =…
Babou
- 151
- 1
- 12
0
votes
1 answer
How to update props of a Tab.Screen from Parent Component (passing a state value) , react native
My project Config :
{
"expo" : "^45.0.0",
"react-native": "0.68.2",
"@react-navigation/bottom-tabs": "^6.0.9",
"@react-navigation/drawer": "^6.1.8",
"@react-navigation/material-top-tabs": "^6.0.6",
"@react-navigation/native":…
Oussama Nm
- 35
- 1
- 8