Questions tagged [react-native-navigation]

Use this tag for questions related to the React Native Navigation library that provides a complete native navigation solution for React Native apps.

React Native Navigation provides 100% native platform navigation on both iOS and Android for React Native apps.

For more info see github project

https://github.com/wix/react-native-navigation

1903 questions
0
votes
1 answer

React Native onPress being called automatically withNavigation

I would think that onPress should only work when it is triggered by a touch event. This used to be the case, but when I used withNavigation in a screen not in the StackNavigator, onPress seems to be rendering automatically. HomeScreen.js function…
0
votes
1 answer

How to set dynamic URL to a webview?

I am working on a quick prototype and not (yet) familiar with react. I created an app and I want to dynamically inject a URL to my webview (react-native-webview) based on parameters (linking) passed when the app is opened. import {WebView} from…
jbx028
  • 57
  • 5
0
votes
1 answer

Adding new components in side drawer navigator dynamically

I have an "ADD" button which when pressed should add a new item to the side navigation drawer. I already have two items in the drawer and want to add 1 item every time the "ADD" button is pressed. How do I do that?
0
votes
1 answer

React navigation navigate back to screen from createBottomTabNavigation without Tabs

I have 2 stacks, one for user, and one for guests, which have some screens in common. If the user is logged in/authenticated, i want to direct them to the TabsPage where the user can find buttons to the profile and similar logged in user specific…
0
votes
1 answer

Hide Custom Header in specific screen with headerMode float

I have 3 screen in my app: "Home, Contacts, Profile". I created a custom header to show in Home and Contacts, but not in Profile screen. The problem is: my custom header don't hide in Profile Screen. If I remove my custm header to use the default…
0
votes
1 answer

React Native Stack & Drawer Navigation v5

I am new to react native and I am trying to create a menu, that would open on click and slide out, and on click outside the menu would slide back in. It has been very hard for me to find any decent tutorial/explanation about how to have both stack…
0
votes
1 answer

Problem with Placing React Native Youtube Component Inside React Navigation

I'm trying to place the react-native-youtube component inside react-native-navigation screen. But it gives Can't find variable: Youtube error. Here is my code: Home.js: import * as React from 'react'; import { Button, View, Text } from…
Serhat Koroglu
  • 1,263
  • 4
  • 19
  • 41
0
votes
1 answer

React Native - Drawer Navigation Gesture Start point

I'm using React native drawer navigation, when you swipe out from the left or right - it opens the drawer. Does anyone know a way of changing the gesture start point, so that it starts slightly further into the screen? My users are finding on…
0
votes
1 answer

How to Convert Dimensions.get("window").height to percentage?

I Got this small issue of converting the value of Dimensions.get("window").height to percentage and I need to minus the value to another percentage value ... I am Extremely Sorry If Its A Bad Question I am New To React Native ( learning Views…
0
votes
1 answer

How to translate title text of component?

How can I translate the title text dynamically with i18n tools such as i18next. Currently I am passing in the title like so: Settings.options = { topBar: { title: { text: 'Settings', }, }, };
0
votes
1 answer

React Navigation 5.0 Deep Linking not resolving

I'm using react native navigation 5.0 for deep linking I'm using this to test. It gets into the application but it does not route to the right page. I think my use case is quite simple / straightforward - i'm probably doing something stupid/wrong?…
user11666430
0
votes
1 answer

How to refresh the parent screen and get old state values when using Goback function from child screen Reach Navigation Hooks?

i am using hooks and setting state values. I have 2 screens. When i come back from screen2 using goback() to screen1, i need to get the old state values which were hard coded.
0
votes
1 answer

React Native - Header Title on Material Bottom Tabs on Navigation 5

I have a Material Bottom Tabs into a Stack Navigator in Navigation 5. It is suppose dto get the title and route it throught a function but doesn't work. function: function getHeaderTitle(route) { const routeName = route.state ?…
Marco Disco
  • 527
  • 7
  • 22
0
votes
1 answer

React native navigation 5 passing updated component

I am new to react native and its navigation modules. I have a simple dashboard.js file where I am using tab navigator like this -
jahid
  • 139
  • 2
  • 11
0
votes
1 answer

React-native StackNavigator disable going back

I am developing an app which requires a user to login to get access the features of the app. Once the user logs in, and is redirected to the User stack , I don't want them to be able to go back to the login screen in any way. On login success I…