Stack Overflow
Stack Overflow

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
14
votes
1 answer

Custom component topbar button event RNN v2

I have a custom component 'MenuButton' in my RNNv2 topbar. I want openMenu() to run when this button is clicked, but this doesn't happen. My typescript linting tells me Property openMenu does not exist on typeof Home. Why is this? class Home…
Adam.V
  • 779
  • 2
  • 9
  • 25
13
votes
1 answer

How to add sidebar drawer with react native navigation v2?

With react-native-navigation v1 you can set up a drawer like this: drawer: { left: { screen: 'ScreenName' } } In docs of react-native-navigation they mention that drawer is still supported, but there in no example of its usage. I…
angelos_lex
  • 1,593
  • 16
  • 24
12
votes
11 answers

Error: A navigator can only contain 'Screen' components as its direct children

I am new to React Native and I am getting this error, but I am not able to resolve it. I am following the tutorial from the main react-navigation page, but I am not able to complete it. I will appreciate any help. Thanks! import * as React from…
Alejandro Torrico Moreno
  • 121
  • 1
  • 1
  • 4
12
votes
3 answers

Deep link launches the Splash Activity and not the Main Activity

I followed this guide - Splash screens the right way to create a Splash screen for my Android application so now I have 2 Activities (MainActivity and SplashActivity) The problem is that Deep Links miss behave now, as instead of launching the…
SudoPlz
  • 20,996
  • 12
  • 82
  • 123
12
votes
10 answers

White flickering when transitioning to a new screen and the background is a dark color?

I am experiencing this when transitioning to one screen to another with two different navigators: ex-navigation and the new one React Navigation . There is a white flickering for a second (or half a second). Looking for a solution I found that other…
vaklinzi
  • 1,913
  • 2
  • 18
  • 30
11
votes
4 answers

React Native Navigation and Redux Persist

I am trying to integrate redux-persist with wix react-native-navigation. However, I am unable to find any examples or documentation stating the boilerplate code needed to integrate the both libraries. I was wondering if anyone would like to share…
Kamil Kamili
  • 1,757
  • 5
  • 24
  • 39
10
votes
2 answers

How to open application's location permission settings directly in React Native

REACTNATIVE : Currently using Linking.openSettings() to open my application settings page. Now, I want to open the app permission screen directly, which is inside the App settings to enable permissions like Location, Storage etc., in both Android…
Eshack Nazir
  • 354
  • 3
  • 16
10
votes
1 answer

How to send data to the parent page using React Native Navigation (v5)?

I'm using https://reactnavigation.org/ (version 5.0.1) in my project with GraphQL Apollo client. I have a page with a form where the user needs to select some options from a list. In the first page, I have a button with this…
Victor
  • 5,043
  • 3
  • 41
  • 55
10
votes
1 answer

React-navigation tabbar larger icon in the middle

Please feel free to point me in the correct direction if this has been answered elsewhere, but I can't find it via here, or Google. Maybe I just don't know this correct name for this thing? I am currently working with React-navigation (for…
Martin Wood
  • 131
  • 1
  • 6
9
votes
1 answer

How to create a custom top navigation bar in React Native

Hi i am building an app in React Native and I want to have a customized tabbar. I have tried it with React navigation but I can't figure out how to style the way I want... This is what I want it to look like eventually: The information page The…
mauricekoreman
  • 103
  • 1
  • 1
  • 5
9
votes
0 answers

How to auto-hide react-navigation header with scroll down?

How can I automatically hide a header with a scroll-down action and show the header with a scroll-up action in Android using react-navigation in React Native? const HomeStack = createStackNavigator({ Home: { screen:…
Areza
  • 671
  • 14
  • 26
9
votes
1 answer

How to unmount a previously mounted component in stack navigator (react-navigation 2.X)?

This is a simplified flow of my app:- login homepage (has options to color diagram or create diagram) colorInDiagram (user colors parts of a diagram) makePayment homepage(back to homepage) Now, after this if user decides to color a diagram again,…
Purnima Naik
  • 419
  • 1
  • 5
  • 16
9
votes
1 answer

Bootstrap method returned null - Android crash immediately on launch

Newbie to React Native and react-native-navigation. App works correctly on iOS but throws the exception below very quickly on launch: E/AndroidRuntime: FATAL EXCEPTION: main Process: com.engagereact, PID: 8105 …
Kevin OMara
  • 323
  • 5
  • 15
9
votes
1 answer

React Native Navigation v2 (wix) Disable TopBar

I am using the React-Native-Navigation v2 from wix (NOT React-Navigation). I tried disabling the topBar which is rendered by default. I used following options and am rendering bottomTabs: Navigation.setDefaultOptions({ topBar: { visible:…
tabulaR
  • 300
  • 3
  • 13
9
votes
1 answer

How to use a global ScreenVisibilityListener class?

I'm referring to this page of the official doc: https://wix.github.io/react-native-navigation/#/screen-api?id=listen-to-visibility-events-globally After I create this class, how I tell navigator to use it?
realtebo
  • 23,922
  • 37
  • 112
  • 189
1
2
3
…
99 100