Questions about Wix's React Native Navigation package (react-native-navigation on npm).
Questions tagged [wix-react-native-navigation]
269 questions
16
votes
4 answers
"Could not get unknown property 'mergeResourcesProvider' for object of type com.android.build.gradle.internal.api.ApplicationVariantImpl."
{
"name": "RNNProject",
"version": "0.0.1",
"private": true,
"scripts": {
"start": "node node_modules/react-native/local-cli/cli.js start",
"test": "jest"
},
"dependencies": {
"react": "16.8.3",
"react-native": "0.59.1",
…

YigitB.
- 315
- 1
- 3
- 9
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
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
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
7
votes
2 answers
Wix React-Native-Navigation v2 and redux-persist
I am using react-native-navigation and redux for state management. I register each Component as a WrappedComponent, hooking it up the redux store. This works very well and is very similar as in the atoami example code from the official…

Cactus
- 864
- 1
- 17
- 44
7
votes
3 answers
Application has not been registered (react-native-navigation v2)
React native navigation v2 issue.
My app starts with index.js and it is registered into AppDelegate as well. Here is the details:
import { AppRegistry } from 'react-native';
const { start } = require('./src/app');
start();
Here…

Omar Faroque Anik
- 2,531
- 1
- 29
- 42
6
votes
1 answer
Object is not a function (evaluating 'concreteComponentProvider()') in React Native
I'm using wix react native navigation,it works before adding redux.
Navigation.registerComponent('navigation.playground.WelcomeScreen', () =>
AuthScreen);
Navigation.events().registerAppLaunchedListener(() => {
Navigation.setRoot({
root: {
…

Arjun sr
- 161
- 2
- 10
6
votes
1 answer
React-Native-Navigation V2 with redux cannot pass props
I have a simple two screens app with redux and React-Native-Navigation V2. I try to pass an item from a list to another view as a prop. Unfortunately, I get an error:
TypeError: Cannot read property 'id' of undefined
The item is passed but not…

Roo
- 613
- 1
- 7
- 24
6
votes
0 answers
React Native - Cannot capture hardware back button click event
I used to react-native-navigation from the Wix for my app navigation. But it is not working properly. After authenticating the user by my application successfully navigate to the main screen, but the problem is when I pressed android back button it…

Pasindu Weerakoon
- 588
- 1
- 11
- 39
5
votes
1 answer
Set icon size in bottomTab configuration react-native-navigation
I am developing an app in react native and using react-native-navigation library to create a bottom tab.
Here I am unable to provide size to bottom icons. I am using a icon of size 25*25 right now which is blurry in high resolution device. When I…

Vikas S
- 465
- 4
- 16
5
votes
0 answers
React Native Navigation - [FAB]floating action button does not display as expected
I am working with a React-native-navigation(wix) and there is a problem associated with React native FAB (Floating action button).
Requirement - I need to set FAB inside the componentDidMount lifecycle method as follows
componentDidMount() {
…

Anu Andriesz
- 51
- 5
5
votes
1 answer
wix-react-native-navigation v2 statusBar not working
I am trying react-native-navigation V2 but not able to change the status bar color.
Navigation.setDefaultOptions({
statusBar: {
visible: true,
style: "dark",
backgroundColor: "red"
},
topBar: {
background: {
color: COLOR.primaryColor
},
…

Praveena
- 6,340
- 2
- 40
- 53
5
votes
1 answer
React-native-navigation tab bar center circle icon
How do I make the tab bar in the center of the circle with a custom icon like this image?
I am using react-native-navigation.

Mokhamad nur hidayat
- 186
- 1
- 8
4
votes
1 answer
RNN Wix > Task :react-native-navigation:compileReactNative68DebugJavaWithJavac FAILED
So i opened up my project today, ready to export and compile an Android build.
I ran: react-native run-android and ./gradlew bundleRelease" as i always does, but now it errors and fails every time. It's still working on iOS, and no changes have been…

Stian Instebo
- 653
- 1
- 12
- 31