All Questions
47 questions
1
vote
1
answer
92
views
Bottom Tab Bar is pushed upward when the keyboard opens
The solution provided in this thread is applicablle to all the screens but I need to implement it only on some specific screen how to do this ?
I tried below things but they are impact all the ...
0
votes
1
answer
59
views
WARN Require cycle: src\Navigation\StackNavigation.js -> src\Navigation\TabsNavigation.js -> src\Navigation\StackNavigation.js
WARN Require cycle: src\Navigation\StackNavigation.js -> src\Navigation\TabsNavigation.js -> src\Navigation\StackNavigation.jsRequire cycles are allowed, but can result in uninitialized values. ...
0
votes
1
answer
156
views
Git error 128 adding react-navigation/bottom-tabs
While I'm trying to do 'yarn add react-navigation/bottom-tabs' terminal show me the error:
error Command failed.
Exit code: 128
Command: git
Arguments: ls-remote --tags --heads ssh://[email protected]/...
- 3
0
votes
0
answers
173
views
How to get rid of the this grey block above bottom tab navigator in react native?
I added this Tab Navigator with react native navigation and this grey block appears above it. How can I get rid of this?
Current App Display
Goal
Code:
<Tab.Navigator initialRouteName={'...
2
votes
1
answer
596
views
React Native bottom tab navigator jumping on initial app load
I'm having an issue with bottom tab navigator jumping along with icons on initial app load (Android).
I have Drawer navigator as parent from whom I'm using header and on bottom tab navigator (child) ...
- 151
0
votes
0
answers
1k
views
How to close a bottom sheet
I am new to react native and I was trying to use the bottom sheet. For some reason, I cannot close the bottom sheet when the cross icon is pressed. Below is the code
import React, { useRef } from '...
- 57
1
vote
1
answer
2k
views
How to navigate from component in react bottom tab navigator to screen navigator
Before I explain my problem, let me show the file structure of my react native project:
--- App.js (main file where most the project routing is stored. Main, login and signup stack.screen )
------|
...
1
vote
0
answers
848
views
React Native - use bottom sheet to navigate to screens in BottomTabNavigator
I want to make last Tab as Show More tab and when i clicked on it, bottom sheet open which has remaining tab. I can make bottom sheet, and it is working but how can i go to the screen on bottom sheet ...
- 11
0
votes
4
answers
7k
views
React Native How to show an element above bottom tab navigator
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 ...
- 3,453
-1
votes
1
answer
40
views
react-native bottom tabs does not apper How can I fix that while I use TabsNavigator and Stack.Navigator togather
I want to use tabs with TabsNavigator but it didn't work. None of the bottom tabs are shown on the screen except header Main.
When I use ;
const App = () => {
return (
<...
0
votes
2
answers
2k
views
How to add blur to the barStyle in ReactNative bottomTabNavigator
I am trying to add a glassmorphism effect to the barStyle of React Native bottomTabNavigator but it is not working.
import Home from "../screens/Home";
import Browse from "../screens/...
- 5
-2
votes
2
answers
100
views
Why createBottomTabNavigator icons not showing in my device?
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 ...
4
votes
1
answer
2k
views
stack from NativeStackNavigator (nested in BottomTabNavigator) resets everytime the BottomTabNavigator changes tabs
Situation:
The react native app has a BottomTabNavigator (react-navigation/material-bottom-tabs) and one of the tabs has a NativeStackNavigator (react-navigation/native-stack).
BottomTabNavigator:
...
- 310
0
votes
2
answers
4k
views
Prevent Tab Bar from being pushed up by keyboard in react Native
I have a problem similar to this in which the bottom Tab Bar is a custom component passed to React Navigation bottom Tab Navigator and I want to prevent it from being pushed up when the virtual ...
- 516
1
vote
1
answer
845
views
Error adding React Native Navigation header button [Error: Text strings must be rendered within a <Text> component.]
I'm building a mobile app with React Native in an expo managed project and I'm using React Navigation. I'm using a Stack navigation and Tabbar navigation. I'm having trouble adding a simple button ...
- 33