How to use the react-native-navigation.Navigation.registerComponent function in react-native-navigation

)

const SendButton = () => (
   console.log('pressed me!')}
  >
    
  
)

// Register the component
Navigation.registerComponent('CameraButton', () => CameraButton);
Navigation.registerComponent('SendButton', () => SendButton);

export default class App {
  constructor() {
    iconsLoaded.then(() => {
      // personIcon = iconsMap['ios-person']
      // homeIcon = iconsMap['ios-home']
      icons = iconsMap
      this.startApp();
    });
  }

  // start the app
  startApp() {
    Navigation.startTabBasedApp({
      tabs: [{

export default function registerScreens(store = null, Provider = null) {
  Navigation.registerComponent('SideMenu', () => SideMenu, store, Provider);
  Navigation.registerComponent('HomeScreen', () => HomeScreen, store, Provider);
}

export function registerScreens(store, Provider) {
  Navigation.registerComponent('home', () => Home, store, Provider);
  Navigation.registerComponent('nextPage', () => NextPage, store, Provider);
  Navigation.registerComponent('popularize', () => PopularizeHome, store, Provider);
  Navigation.registerComponent('mine', () => MineHome, store, Provider);
  Navigation.registerComponent('layoutAninationDemo', () => LayoutAnimationDemo, store, Provider);
}

export default (stores, Provider) => {
    Navigation.registerComponent('zzyzx.BestReviews', () => Mixin(BestReviews), stores, Provider);
    Navigation.registerComponent('zzyzx.BestRated', () => Mixin(BestRated), stores, Provider);
    Navigation.registerComponent('zzyzx.LastestVideo', () => Mixin(LastestVideo), stores, Provider);
    Navigation.registerComponent('zzyzx.Menu', () => Mixin(Menu), stores, Provider);
    Navigation.registerComponent('zzyzx.MostWanted', () => Mixin(MostWanted), stores, Provider);
    Navigation.registerComponent('zzyzx.ListByTag', () => Mixin(ListByTag), stores, Provider);
    Navigation.registerComponent('zzyzx.ListByStar', () => Mixin(ListByStar), stores, Provider);
    Navigation.registerComponent('zzyzx.Detail', () => Mixin(Detail), stores, Provider);
    Navigation.registerComponent('zzyzx.User', () => Mixin(User), stores, Provider);
    Navigation.registerComponent('zzyzx.Favorite', () => Mixin(Favorite), stores, Provider);
    Navigation.registerComponent('zzyzx.Stars', () => Mixin(Stars), stores, Provider);
    Navigation.registerComponent('zzyzx.EditProfile', () => Mixin(EditProfile), stores, Provider);
    Navigation.registerComponent('zzyzx.EditProfile.Nickname', () => Mixin(EditProfileNickname), stores, Provider);
    Navigation.registerComponent('zzyzx.EditProfile.Location', () => Mixin(EditProfileLocation), stores, Provider);
    Navigation.registerComponent('zzyzx.EditProfile.Bio', () => Mixin(EditProfileBio), stores, Provider);
    Navigation.registerComponent('zzyzx.EditProfile.Gender', () => Mixin(EditProfileGender), stores, Provider);
    Navigation.registerComponent('zzyzx.EditProfile.Password', () => Mixin(EditProfilePassword), stores, Provider);
    Navigation.registerComponent('zzyzx.Signin', () => Mixin(Signin), stores, Provider);
    Navigation.registerComponent('zzyzx.Signup', () => Mixin(Signup), stores, Provider);
    Navigation.registerComponent('zzyzx.Search', () => Mixin(Search), stores, Provider);
    Navigation.registerComponent('zzyzx.VideoPlayer', () => Mixin(VideoPlayer), stores, Provider);
    Navigation.registerComponent('zzyzx.Comments', () => Mixin(Comments), stores, Provider);
    Navigation.registerComponent('zzyzx.WriteComment', () => Mixin(WriteComment), stores, Provider);
};

Navigation.registerComponent('ChannelInfo', () => wrapper(require('app/screens/channel_info').default), () => require('app/screens/channel_info').default);
    Navigation.registerComponent('ChannelMembers', () => wrapper(require('app/screens/channel_members').default), () => require('app/screens/channel_members').default);
    Navigation.registerComponent('ChannelPeek', () => wrapper(require('app/screens/channel_peek').default), () => require('app/screens/channel_peek').default);
    Navigation.registerComponent('ClientUpgrade', () => wrapper(require('app/screens/client_upgrade').default), () => require('app/screens/client_upgrade').default);
    Navigation.registerComponent('ClockDisplaySettings', () => wrapper(require('app/screens/settings/clock_display').default), () => require('app/screens/settings/clock_display').default);
    Navigation.registerComponent('Code', () => wrapper(require('app/screens/code').default), () => require('app/screens/code').default);
    Navigation.registerComponent('CreateChannel', () => wrapper(require('app/screens/create_channel').default), () => require('app/screens/create_channel').default);
    Navigation.registerComponent('DisplaySettings', () => wrapper(require('app/screens/settings/display_settings').default), () => require('app/screens/settings/display_settings').default);
    Navigation.registerComponent('EditChannel', () => wrapper(require('app/screens/edit_channel').default), () => require('app/screens/edit_channel').default);
    Navigation.registerComponent('EditPost', () => wrapper(require('app/screens/edit_post').default), () => require('app/screens/edit_post').default);
    Navigation.registerComponent('EditProfile', () => wrapper(require('app/screens/edit_profile').default), () => require('app/screens/edit_profile').default);
    Navigation.registerComponent('ExpandedAnnouncementBanner', () => wrapper(require('app/screens/expanded_announcement_banner').default), () => require('app/screens/expanded_announcement_banner').default);
    Navigation.registerComponent('FlaggedPosts', () => wrapper(require('app/screens/flagged_posts').default), () => require('app/screens/flagged_posts').default);
    Navigation.registerComponent('ForgotPassword', () => wrapper(require('app/screens/forgot_password').default), () => require('app/screens/forgot_password').default);
    Navigation.registerComponent('ImagePreview', () => wrapper(require('app/screens/image_preview').default), () => require('app/screens/image_preview').default);
    Navigation.registerComponent('InteractiveDialog', () => wrapper(require('app/screens/interactive_dialog').default), () => require('app/screens/interactive_dialog').default);
    Navigation.registerComponent('Login', () => wrapper(require('app/screens/login').default), () => require('app/screens/login').default);
    Navigation.registerComponent('LoginOptions', () => wrapper(require('app/screens/login_options').default), () => require('app/screens/login_options').default);
    Navigation.registerComponent('LongPost', () => wrapper(require('app/screens/long_post').default), () => require('app/screens/long_post').default);
    Navigation.registerComponent('MFA', () => wrapper(require('app/screens/mfa').default), () => require('app/screens/mfa').default);
    Navigation.registerComponent('MoreChannels', () => wrapper(require('app/screens/more_channels').default), () => require('app/screens/more_channels').default);
    Navigation.registerComponent('MoreDirectMessages', () => wrapper(require('app/screens/more_dms').default), () => require('app/screens/more_dms').default);
    Navigation.registerComponent('Notification', () => wrapper(require('app/screens/notification').default), () => require('app/screens/notification').default);
    Navigation.registerComponent('NotificationSettings', () => wrapper(require('app/screens/settings/notification_settings').default), () => require('app/screens/settings/notification_settings').default);
    Navigation.registerComponent('NotificationSettingsAutoResponder', () => wrapper(require('app/screens/settings/notification_settings_auto_responder').default), () => require('app/screens/settings/notification_settings_auto_responder').default);
    Navigation.registerComponent('NotificationSettingsEmail', () => wrapper(require('app/screens/settings/notification_settings_email').default), () => require('app/screens/settings/notification_settings_email').default);
    Navigation.registerComponent('NotificationSettingsMentions', () => wrapper(require('app/screens/settings/notification_settings_mentions').default), () => require('app/screens/settings/notification_settings_mentions').default);
    Navigation.registerComponent('NotificationSettingsMentionsKeywords', () => wrapper(require('app/screens/settings/notification_settings_mentions_keywords').default), () => require('app/screens/settings/notification_settings_mentions_keywords').default);
    Navigation.registerComponent('NotificationSettingsMobile', () => wrapper(require('app/screens/settings/notification_settings_mobile').default), () => require('app/screens/settings/notification_settings_mobile').default);
    Navigation.registerComponent('OptionsModal', () => wrapper(require('app/screens/options_modal').default), () => require('app/screens/options_modal').default);
    Navigation.registerComponent('Permalink', () => wrapper(require('app/screens/permalink').default), () => require('app/screens/permalink').default);
    Navigation.registerComponent('PinnedPosts', () => wrapper(require('app/screens/pinned_posts').default), () => require('app/screens/pinned_posts').default);

export function registerScreens() {
  Navigation.registerComponent('com.fof.FirstTabScreen', () => FirstTabScreen);
  Navigation.registerComponent('com.fof.SecondTabScreen', () => SecondTabScreen);
  Navigation.registerComponent('com.fof.ThreeTabScreen', () => ThreeTabScreen);
  Navigation.registerComponent('com.fof.FourTabScreen', () => FourTabScreen);
  Navigation.registerComponent('com.fof.CustomeKeyPage', () => CustomeKeyPage);
  Navigation.registerComponent('com.fof.SortKeyPage', () => SortKeyPage);
  Navigation.registerComponent('com.fof.RepositoryDetail', () => RepositoryDetail);
  Navigation.registerComponent('com.fof.AboutPage', () => AboutPage);
  Navigation.registerComponent('com.fof.AboutMe', () => AboutMe);
  Navigation.registerComponent('com.fof.WebViewPage', () => WebViewPage);
  Navigation.registerComponent('com.fof.SearchPage', () => SearchPage);
  Navigation.registerComponent('com.fof.CustomTheme', () => CustomTheme);

}

Navigation.registerComponent(Screens.FullScreenModal, () => require('./FullScreenModalScreen'))
  Navigation.registerComponent(Screens.Navigation, () => require('./NavigationScreen'));
  Navigation.registerComponent(Screens.Options, () => require('./OptionsScreen'));
  Navigation.registerComponent(Screens.Buttons, () => require('./ButtonsScreen'));
  Navigation.registerComponent(Screens.Orientation, () => require('./OrientationScreen'));
  Navigation.registerComponent(Screens.OrientationDetect, () => require('./OrientationDetectScreen'));
  Navigation.registerComponent(Screens.Overlay, () => require('./OverlayScreen'));
  Navigation.registerComponent(Screens.OverlayAlert, () => require('./OverlayAlert'));
  Navigation.registerComponent(Screens.Pushed, () => require('./PushedScreen'));
  Navigation.registerComponent(Screens.ScrollViewOverlay, () => require('./ScrollViewOverlay'));
  Navigation.registerComponent(Screens.LifecycleButton, () => require('./LifecycleButton'));
  Navigation.registerComponent(Screens.ReactTitleView, () => require('./CustomTopBar'));
  Navigation.registerComponent(Screens.RoundButton, () => require('./RoundedButton'));
  Navigation.registerComponent(Screens.ScrollViewOverlay, () => require('./ScrollViewOverlay'));
  Navigation.registerComponent(Screens.SecondBottomTabsScreen, () => require('./SecondBottomTabScreen'));
  Navigation.registerComponent(Screens.Search, () => require('./SearchScreen'));
  Navigation.registerComponent(Screens.SetRoot, () => require('./SetRootScreen'))
  Navigation.registerComponent(Screens.SideMenuCenter, () => require('./SideMenuCenterScreen'));
  Navigation.registerComponent(Screens.SideMenuLeft, () => require('./SideMenuLeftScreen'));
  Navigation.registerComponent(Screens.SideMenuRight, () => require('./SideMenuRightScreen'));
  Navigation.registerComponent(Screens.Stack, () => require('./StackScreen'));
  Navigation.registerComponent(Screens.StatusBarOptions, () => require('./StatusBarOptionsScreen'));
  Navigation.registerComponent(Screens.StatusBarFirstTab, () => require('./StatusBarFirstTab'));
  Navigation.registerComponent(Screens.TopBarBackground, () => require('../components/TopBarBackground'));

  const { ContextProvider } = require('../context');
  const ContextScreen = require('./ContextScreen');
  Navigation.registerComponent(Screens.ContextScreen, () => (props) =>
    
      
    ,
    () => ContextScreen);

Navigation.registerComponent('MoreChannels', () => wrapper(require('app/screens/more_channels').default), () => require('app/screens/more_channels').default);
    Navigation.registerComponent('MoreDirectMessages', () => wrapper(require('app/screens/more_dms').default), () => require('app/screens/more_dms').default);
    Navigation.registerComponent('Notification', () => wrapper(require('app/screens/notification').default), () => require('app/screens/notification').default);
    Navigation.registerComponent('NotificationSettings', () => wrapper(require('app/screens/settings/notification_settings').default), () => require('app/screens/settings/notification_settings').default);
    Navigation.registerComponent('NotificationSettingsAutoResponder', () => wrapper(require('app/screens/settings/notification_settings_auto_responder').default), () => require('app/screens/settings/notification_settings_auto_responder').default);
    Navigation.registerComponent('NotificationSettingsEmail', () => wrapper(require('app/screens/settings/notification_settings_email').default), () => require('app/screens/settings/notification_settings_email').default);
    Navigation.registerComponent('NotificationSettingsMentions', () => wrapper(require('app/screens/settings/notification_settings_mentions').default), () => require('app/screens/settings/notification_settings_mentions').default);
    Navigation.registerComponent('NotificationSettingsMentionsKeywords', () => wrapper(require('app/screens/settings/notification_settings_mentions_keywords').default), () => require('app/screens/settings/notification_settings_mentions_keywords').default);
    Navigation.registerComponent('NotificationSettingsMobile', () => wrapper(require('app/screens/settings/notification_settings_mobile').default), () => require('app/screens/settings/notification_settings_mobile').default);
    Navigation.registerComponent('OptionsModal', () => wrapper(require('app/screens/options_modal').default), () => require('app/screens/options_modal').default);
    Navigation.registerComponent('Permalink', () => wrapper(require('app/screens/permalink').default), () => require('app/screens/permalink').default);
    Navigation.registerComponent('PinnedPosts', () => wrapper(require('app/screens/pinned_posts').default), () => require('app/screens/pinned_posts').default);
    Navigation.registerComponent('PostOptions', () => gestureHandlerRootHOC(wrapper(require('app/screens/post_options').default)), () => require('app/screens/post_options').default);
    Navigation.registerComponent('ReactionList', () => gestureHandlerRootHOC(wrapper(require('app/screens/reaction_list').default)), () => require('app/screens/reaction_list').default);
    Navigation.registerComponent('RecentMentions', () => wrapper(require('app/screens/recent_mentions').default), () => require('app/screens/recent_mentions').default);
    Navigation.registerComponent('Root', () => wrapper(Root), () => Root);
    Navigation.registerComponent('Search', () => wrapper(require('app/screens/search').default), () => require('app/screens/search').default);
    Navigation.registerComponent('SelectorScreen', () => wrapper(require('app/screens/selector_screen').default), () => require('app/screens/selector_screen').default);
    Navigation.registerComponent('SelectServer', () => wrapper(SelectServer), () => SelectServer);
    Navigation.registerComponent('SelectTeam', () => wrapper(require('app/screens/select_team').default), () => require('app/screens/select_team').default);
    Navigation.registerComponent('SelectTimezone', () => wrapper(require('app/screens/settings/timezone/select_timezone').default), () => require('app/screens/settings/timezone/select_timezone').default);
    Navigation.registerComponent('Settings', () => wrapper(require('app/screens/settings/general').default), () => require('app/screens/settings/general').default);
    Navigation.registerComponent('SidebarSettings', () => wrapper(require('app/screens//settings/sidebar').default), () => require('app/screens/settings/sidebar').default);
    Navigation.registerComponent('SSO', () => wrapper(require('app/screens/sso').default), () => require('app/screens/sso').default);
    Navigation.registerComponent('Table', () => wrapper(require('app/screens/table').default), () => require('app/screens/table').default);
    Navigation.registerComponent('TableImage', () => wrapper(require('app/screens/table_image').default), () => require('app/screens/table_image').default);
    Navigation.registerComponent('TermsOfService', () => wrapper(require('app/screens/terms_of_service').default), () => require('app/screens/terms_of_service').default);
    Navigation.registerComponent('TextPreview', () => wrapper(require('app/screens/text_preview').default), () => require('app/screens/text_preview').default);
    Navigation.registerComponent('ThemeSettings', () => wrapper(require('app/screens/settings/theme').default), () => require('app/screens/settings/theme').default);
    Navigation.registerComponent('Thread', () => wrapper(require('app/screens/thread').default), () => require('app/screens/thread').default);
    Navigation.registerComponent('TimezoneSettings', () => wrapper(require('app/screens/settings/timezone').default), () => require('app/screens/settings/timezone').default);
    Navigation.registerComponent('ErrorTeamsList', () => wrapper(require('app/screens/error_teams_list').default), () => require('app/screens/error_teams_list').default);

export function registerScreens(store, Provider) {
    Navigation.registerComponent('initialLoading', () => InitialLoading, store, Provider);
    Navigation.registerComponent('home', () => Home, store, Provider);
    Navigation.registerComponent('loading', () => Loading, store, Provider);
    Navigation.registerComponent('newSeedSetup', () => NewSeedSetup, store, Provider);
    Navigation.registerComponent('walletSetup', () => WalletSetup, store, Provider);
    Navigation.registerComponent('enterSeed', () => EnterSeed, store, Provider);
    Navigation.registerComponent('saveYourSeed', () => SaveYourSeed, store, Provider);
    Navigation.registerComponent('setPassword', () => SetPassword, store, Provider);
    Navigation.registerComponent('login', () => Login, store, Provider);
    Navigation.registerComponent('writeSeedDown', () => WriteSeedDown, store, Provider);
    Navigation.registerComponent('paperWallet', () => PaperWallet, store, Provider);
    Navigation.registerComponent('copySeedToClipboard', () => CopySeedToClipboard, store, Provider);
    Navigation.registerComponent('languageSetup', () => LanguageSetup, store, Provider);
    Navigation.registerComponent('welcome', () => Welcome, store, Provider);
    Navigation.registerComponent('onboardingComplete', () => OnboardingComplete, store, Provider);
    Navigation.registerComponent('useSeed', () => UseSeed, store, Provider);
}

import {Navigation} from 'react-native-navigation';
import ColorsScreen from './ColorsScreen';
import BorderRadiusesScreen from './BorderRadiusesScreen';
import TypographyScreen from './TypographyScreen';
import ShadowsScreen from './ShadowsScreen';
import SpacingsScreen from './SpacingsScreen';

Navigation.registerComponent('unicorn.style.BorderRadiusesScreen', () => BorderRadiusesScreen);
Navigation.registerComponent('unicorn.style.ColorsScreen', () => ColorsScreen);
Navigation.registerComponent('unicorn.style.TypographyScreen', () => TypographyScreen);
Navigation.registerComponent('unicorn.style.ShadowsScreen', () => ShadowsScreen);
Navigation.registerComponent('unicorn.style.SpacingsScreen', () => SpacingsScreen);