All Questions
20
questions
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 ...
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 ...
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....
-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 ...
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 - ...
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-...
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 ...
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....
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 ...
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?
0
votes
0
answers
669
views
React Navigation not working in phone in snack but working on web browser?
I am creating an app. Here it has 3 navigation setups, a drawer navigator, a stack navigator, & a bottom tab navigator. In snack if you go to the "web" tab it works perfectly. If you run ...
5
votes
3
answers
7k
views
React Native Expo app crashes only (!) in Testflight, but not on Expo Development Server and only when navigating with certain params
I'm trying to create my first React Native App using Expo and am currently stuck at a problem that only occurs on the Apple Testflight App, not in normal development mode (when executing the app on ...
2
votes
2
answers
2k
views
KeyboardAvoidingView not working on iOS with react navigation header and material bottom tabs?
Update for 2023
The bug is back. I reported it here.
I tested all known fixes and they do not work currently.
Follow these simple steps to reproduce:
npx expo init <yourReproNameHere>
`Use the &...
3
votes
2
answers
1k
views
React Navigation: How to put an iOS style dismissible bar on expo modal
I am trying to achieve a dismissible bar for my modal. Something like in this image:
What i am at right now
code:
<RootStack.Group
screenOptions={{
presentation: "modal",
...
5
votes
2
answers
14k
views
What is the best way to change the Status Bar color for all screens using nested navigation in React Native?
I am currently using Expo and React Navigation to toggle between Dark Theme and Light Theme for my app. The only issue is that I’m not able to change the status bar color on iOS based on the theme.
I ...