Приложение не зарегистрировано (реактивная навигация v2)

Реагировать на проблему с родной навигацией v2.

Мое приложение начинается с index.js и также зарегистрировано в AppDelegate. Вот подробности:

import { AppRegistry } from 'react-native'; const { start } = require('./src/app'); start();

Здесь app.js:

```

const { Navigation } = require('react-native-navigation');
const { registerScreens } = require('./screens');
const { Platform } = require('react-native');

if (Platform.OS === 'android') {
alert = (title) => {
    Navigation.showOverlay({
        component: {
            name: 'navigation.playground.alert',
            passProps: {
                title
            },
            options: {
                overlay: {
                    interceptTouchOutside: true
                }
            }
        }
    });
};
}

function start() {
registerScreens();
Navigation.events().registerAppLaunchedListener(() => {
    Navigation.setDefaultOptions({
        _animations: {
            startApp: {
                y: {
                    from: 1000,
                    to: 0,
                    duration: 500,
                    interpolation: 'accelerate',
                },
                alpha: {
                    from: 0,
                    to: 1,
                    duration: 500,
                    interpolation: 'accelerate'
                }
            },
            push: {
                topBar: {
                    id: 'TEST',
                    alpha: {
                        from: 0,
                        to: 1,
                        duration: 500,
                        interpolation: 'accelerate'
                    }
                },
                bottomTabs: {
                    y: {
                        from: 1000,
                        to: 0,
                        duration: 500,
                        interpolation: 'decelerate',
                    },
                    alpha: {
                        from: 0,
                        to: 1,
                        duration: 500,
                        interpolation: 'decelerate'
                    }
                },
                bottomTabs: {
                    y: {
                        from: 1000,
                        to: 0,
                        duration: 500,
                        interpolation: 'decelerate',
                    },
                    alpha: {
                        from: 0,
                        to: 1,
                        duration: 500,
                        interpolation: 'decelerate'
                    }
                },
                content: {
                    y: {
                        from: 1000,
                        to: 0,
                        duration: 500,
                        interpolation: 'accelerate',
                    },
                    alpha: {
                        from: 0,
                        to: 1,
                        duration: 500,
                        interpolation: 'accelerate'
                    }
                }
            },
            pop: {
                topBar: {
                    id: 'TEST',
                    alpha: {
                        from: 1,
                        to: 0,
                        duration: 500,
                        interpolation: 'accelerate'
                    }
                },
                bottomTabs: {
                    y: {
                        from: 0,
                        to: 100,
                        duration: 500,
                        interpolation: 'accelerate',
                    },
                    alpha: {
                        from: 1,
                        to: 0,
                        duration: 500,
                        interpolation: 'accelerate'
                    }
                },
                bottomTabs: {
                    y: {
                        from: 0,
                        to: 100,
                        duration: 500,
                        interpolation: 'decelerate',
                    },
                    alpha: {
                        from: 1,
                        to: 0,
                        duration: 500,
                        interpolation: 'decelerate'
                    }
                },
                content: {
                    y: {
                        from: 0,
                        to: 1000,
                        duration: 500,
                        interpolation: 'decelerate',
                    },
                    alpha: {
                        from: 1,
                        to: 0,
                        duration: 500,
                        interpolation: 'decelerate'
                    }
                }
            }
        }
    });

    Navigation.setRoot({
        root: {
            stack: {
                id: 'TEST',
                children: [
                    {
                        component: {
                            name: 'rp.welcome'
                        }
                    }
                ]
            }
        }
    });
});
}


module.exports = {
  start
};

Регистрация экрана:

const { Navigation } = require('react-native-navigation');
const WelcomeScreen = require('./WelcomeScreen');
const Authentication = require('./Authentication').default;
const Tutorial = require('./Tutorial');

function registerScreens() {
Navigation.registerComponent(`rp.welcome`, () => WelcomeScreen);
Navigation.registerComponent(`rp.tutorial`, ()=>Tutorial);
Navigation.registerComponent(`rp.authentication.super`,()=> Authentication);
}

module.exports = {
 registerScreens
 };

Окружение:

"dependencies": {
"react": "16.3.1",
"react-native": "0.55.4",
"react-native-navigation": "^2.0.2314",
"react-native-video": "^2.1.1",
"rn-viewpager": "^1.2.9"
 },

wix-react-native-navigation react-native-navigation-v2
person Omar Faroque Anik    schedule 04.06.2018    source источник

Ответы (3)


arrow_upward
19
arrow_downward

У меня была аналогичная проблема в V2, и проблема была вызвана тем, что я не удалил настройки rootView в методах didFinishLaunchingWithOptions в AppDelegate.m.

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{

  NSURL *jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index" fallbackResource:nil];
  [ReactNativeNavigation bootstrap:jsCodeLocation launchOptions:launchOptions];


  RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation
                                                      moduleName:@"XXXXXXXXXX"
                                               initialProperties:nil
                                                   launchOptions:launchOptions];
  rootView.backgroundColor = [[UIColor alloc] initWithRed:1.0f green:1.0f blue:1.0f alpha:1];

  self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];
  UIViewController *rootViewController = [UIViewController new];
  rootViewController.view = rootView;
  self.window.rootViewController = rootViewController;
  [self.window makeKeyAndVisible];

  return YES;
}

Если вы оставите их, это приведет к ошибке Приложение XXXXXXXXXX не было зарегистрировано. Инструкции для IOS в https://wix.github.io/react-native-navigation/v2/#/docs/Installing должен подчеркнуть, что эти строки, относящиеся к rootView, должны быть удалены.

Правильный AppDelegates.m должен быть таким:

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{

  NSURL *jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index" fallbackResource:nil];
  [ReactNativeNavigation bootstrap:jsCodeLocation launchOptions:launchOptions];

  return YES;
}
person RedGiant    schedule 17.08.2018
comment
Я должен сказать, что это фактический ответ на мою проблему. Я просмотрел каждую проблему в Интернете, и я так рад, что этот ответ вообще существует. Спасибо RedGiant, и я надеюсь, что некоторые другие тоже наткнутся на это ради собственного ума. - person Stacknerd; 18.12.2018

arrow_upward
3
arrow_downward

У меня была такая же проблема, но только на Android. Оказалось, что я пропустил шаг в процессе настройки.

В MainActivity.java он должен расширять com.reactnativenavigation.NavigationActivity вместо ReactActivity.

https://wix.github.io/react-native-navigation/v2/#/docs/Installing.

person stephenheron    schedule 20.06.2018
comment
в моем случае не работает и указанная вами ссылка не найдена - person Ali Yar Khan; 17.07.2019

arrow_upward
1
arrow_downward

Я решил это, поместив строковое имя компонента следующим образом:

вместо: component: YourComponent

так должно быть:

component: {
   name: 'YourComponent'
}

полный код ниже:

Navigation.events().registerAppLaunchedListener(() => {
    Navigation.setRoot({
        root: {
            stack: {
                children: [
                    {
                        component: {                            
                            name: 'YourComponent'
                        }
                    }
                ]
            }
        }
    })
});

также, если вы нажимаете или устанавливаетеStackRoot, вы всегда должны использовать имя компонента: например.

component: {
name: 'YourComponent'
}
person GinealSoftwareDev    schedule 18.07.2019