All Questions
Tagged with react-navigation ios
203
questions
1
vote
0
answers
33
views
react-navigation navigate function causing unhandled exception 'RCTComponentViewRegistry: Attempt to query unregistered component
I am receiving an event from a react native webview and in that event attempting to navigate to a different stack.
However the app crashes every time with the following
*** Terminating app due to ...
- 886
1
vote
0
answers
22
views
React Native Expo background not covering iPhone notch
I am using React Native with Expo, and I am currently testing out gradients and trying to set the background color. I came across this bug where the notch of the device I am using (iPhone 13) is not ...
- 11
0
votes
0
answers
41
views
Expo Router - Transition back to screen with large title header is inconsistent with native behavior
I am trying to replicate the animation of the Contacts app on iOS, with a root screen with a large title header.
Using Expo Router, when I go back to the root screen, the animation goes back as if the ...
- 476
0
votes
0
answers
43
views
React Navigation Material Top Tabs Navigator conditional rendering blank screen on iOS
I'm experiencing this issue with my Expo React Native app on iOS only where a blank screen is displayed after swapping the Login screen with the Main screen based on simple component state change, e.g....
- 176
-1
votes
1
answer
96
views
Expo routes does not support 'swipe back'?
I'm using Expo Router.
Swipe to back does not work when using Link. Is this intentional in Expo Router?
Reproducible & minimal codes is here: https://github.com/ygnoh/expo-router-swipe
Press ...
- 1,899
0
votes
0
answers
23
views
Why navigation back close expo go IOS?
When I click on the button "Back" in the header or on the button "go home" in the details page my app close. So Why? But with the help of swipe I can return back.
app.jsx file - ...
1
vote
0
answers
40
views
React-Native Modal behaving differently in iOS vs Android
In my react-native app the modal opens up only in few screens in iOS but all the necessary screens in Android.
I have a navigator setup the following way
import { createStackNavigator } from '@react-...
- 2,082
-1
votes
1
answer
82
views
Is it possible to have different splash screens between prod and dev in react native
I'm a beginner with React Native. I know maybe this is kinda foolish question but I'm not sure if it's possible to have different splash screens between prod and dev in react native.
I tried to add ...
0
votes
1
answer
80
views
React Native Tab Navigation Not Showing
import { View, Text } from 'react-native'
import React from 'react'
import { NavigationContainer } from '@react-navigation/native'
import { createBottomTabNavigator } from '@react-navigation/bottom-...
- 11
3
votes
2
answers
1k
views
Problem during ReactNative project deployment for iOS
I'm developing a brand new iOS/Android app and I want to use a single code, so I decided to use ReactNative for my pourpouses, and I want to build myself the executable instead of using something like ...
- 97
0
votes
2
answers
376
views
react-navigation native-stack, how to change the modal height?
/* eslint-disable react/no-unstable-nested-components */
import React from 'react';
import { View } from 'react-native';
import PersonalNewSecurity from './screens/PersonalNewSecurity';
import Home ...
- 3
1
vote
2
answers
1k
views
Expo Router v3 Tab Navigation with Stack, search, and large title
I'm trying to mimic the Apple Contacts navigation header with search with large title but only on the Home Screen. All other tabs should have their own settings, such as no different title or ...
- 35.3k
0
votes
0
answers
26
views
Stale application instances lingering in Safari Develop Menu after popping out navigation screen
I have a react-native app running in my IOS simulator in which I am using react-navigation version 6. My home screen is called the myApps screen which lists several small applications that the user ...
0
votes
0
answers
45
views
Header title and icons are misaligned on iOS after updating [email protected]?
my setup:
expo SDK 48 (claims that it can only work with [email protected])
react-navigation/native 6.0.10
only iOS is affected
find my full package.json and code if you like here: https://github....
- 637
0
votes
0
answers
92
views
React navigation headerRight not rendering
how can I render headerRight in React navigation? I have tried everything that is told in this tutorial: https://reactnavigation.org/docs/header-buttons/
Still not working/rendering on the screen.
...
- 52
0
votes
0
answers
18
views
Creating a list of items such that on pressing it navigates to a screen. The List can have Switch Icon which required different space management
I have a PageNavigator Component, using that data array I want to iterate overit to create a group list of componet that
has arrow button and a text. But my requirement is this, there is a switch ...
- 1
0
votes
0
answers
215
views
React Native - IOS( Drawer partially opened on Login)
When I Login to the application drawer is partially opened, if I kill the app and reopen again drawer is fully closed. Not sure what is causing the issue.
<Drawer.Navigator initialRouteName='...
- 132
0
votes
0
answers
96
views
React navigation native stack header title not auto hiding when using headerLargeTitle along with custom headerTitle component
My Code
import * as React from 'react';
import {View, Text, StyleSheet, ScrollView} from 'react-native';
import {NavigationContainer} from '@react-navigation/native';
import {...
- 1,361
1
vote
0
answers
99
views
Unable to Redirect Screen Following Deep Link Path on Receiving VoIP Notification When Device is Locked
I am currently working on implementing VoIP call functionality in my React Native app using the CallKeep SDK and React Native Deep linking. The deep linking part is handled using the linking object ...
2
votes
0
answers
247
views
How to use a SectionList with a large header title in React Native and React Navigation
In iOS, the Large Title Header animates with the ScrollView when the contentInsetAdjustmentBehavior="automatic" prop is set. It's a nice touch and I want to replicate this with the sticky ...
- 364
0
votes
1
answer
225
views
react-native find screen the was idle to logout
I have tried panResponder to check the screen idle. but it doesn't work. i am not sure, what mistake i done.
const timerId = useRef(false)
const [timeForInactivityInSecond, ...
1
vote
1
answer
457
views
Why does React Native Stack Navigation not persist keyboard?
When I navigate back first time, keyboard persists, but if i abort back navigation and then do it, keyboard does not persist anymore. What's causing this weird behavior? Can I fix it? I can't even ...
- 367
0
votes
1
answer
104
views
React Native Navigator HeaderBackButton "Label" prop not working
I am attempting to alter the functionality of the HeaderBackButton in navigator, and am doing the following inside of useEffect(), based on the documentation.
navigation.setOptions({
headerLeft: ()...
1
vote
1
answer
845
views
How to achieve 3d touch (peek and pop) in react native
how can I implement this functionality in my react-native app?
Is react-navigation provide this by default?
here are some related links:
https://github.com/aksonov/react-native-router-flux/issues/...
- 742
0
votes
1
answer
158
views
How set in the option the equal right padding or margin in the header for IOS and Android in React Navigation?
I should implement an equal gap for both sides and both platforms IOS and Android. For the right side, I did this with help of a minus margin, positive padding, and Platform.
<Stack.Navigator
...
- 573
0
votes
0
answers
304
views
While using a custom header with react navigation for a react native app, I can't identify where this background is coming from?
I am using the default stack from react navigation, and in my navigator screen options I have my own custom header header: (props) => <Header props={props} />. In my screen, I have a ...
- 11
0
votes
1
answer
205
views
OS killing the app when it going to background
I'm develop application on React native and have an unexpected behavior. When I minimize the app OS kill it, so when I come back to the app it start loads again. I just want to keep using app from the ...
0
votes
1
answer
153
views
Unable to resolve "./SafeAreaProviderCompat" from "node_modules/@react-navigation/bottom-tabs/src/views/BottomTabView.tsx"
I'm building an expo react native app (sdk 46.0) and when loading the app I am confronted with the error in the title. How can I fix it?
- 113
1
vote
1
answer
1k
views
React Navigation presentation modal - disable parent screen from scaling down (iOS)
I am trying to make a bottom modal that slides up from bottom, has a transparent background, and can be swiped down (exact same as Instagram's various bottom modals). I can almost achieve this with:
&...
- 464
4
votes
0
answers
616
views
Is there a way to await in getStateFromPath in react-navigation?
I'm using a custom getStateFromPath function to resolve my paths to a state, though to resolve some of the path routes, I need to make an api request to a router endpoint.
Is there any way I can ...
- 61