Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

docs: add react-native-pager-view in RN install guide #1836

Merged
merged 1 commit into from
Dec 11, 2023

Conversation

gupta-ji6
Copy link
Contributor

Description

I used the Tabs component in react-native but received the error mentioned below when I built the app. It resolved once I added the react-native-pager-view dependency to my project. Hence, I've updated the Blade's documentation for the same.

Although I'm confused why it only showed error for react-native-pager-view & not react-native-tab-view. From what I know, that is also a required package as it's mentioned in blade's package.json.

Error

ERROR  Invariant Violation: requireNativeComponent: "RNCViewPager" was not found in the UIManager.

This error is located at:
    in RNCViewPager (created by PagerView)
    in PagerView
    in Unknown (created by PagerViewAdapter)
    in PagerViewAdapter (created by TabView)
    in RCTView (created by View)
    in View (created by TabView)
    in TabView (created by Tabs)
    in Tabs (created by TransactionTabs)
    in TransactionTabs (created by TransactionList)
    in RCTView (created by View)
    in View
    in StyledNativeComponent (created by Styled(View))
    in Styled(View) (created by BaseBox)
    in _BaseBox (created by Box)
    in _Box (created by TransactionList)
    in RNCSafeAreaView
    in Unknown (created by SafeAreaView)
    in SafeAreaView (created by TransactionList)
    in TransactionList (created by SceneView)
    in StaticContainer
    in EnsureSingleNavigator (created by SceneView)
    in SceneView (created by CardContainer)
    in RCTView (created by View)
    in View (created by CardContainer)
    in RCTView (created by View)
    in View (created by CardContainer)
    in RCTView (created by View)
    in View
    in CardSheet (created by Card)
    in RCTView (created by View)
    in View
    in Unknown (created by PanGestureHandler)
    in PanGestureHandler (created by PanGestureHandler)
    in PanGestureHandler (created by Card)
    in RCTView (created by View)
    in View
    in Unknown (created by Card)
    in RCTView (created by View)
    in View (created by Card)
    in Card (created by CardContainer)
    in CardContainer (created by CardStack)
    in RNSScreen
    in Unknown (created by InnerScreen)
    in Suspender (created by Freeze)
    in Suspense (created by Freeze)
    in Freeze (created by DelayedFreeze)
    in DelayedFreeze (created by InnerScreen)
    in InnerScreen (created by Screen)
    in Screen (created by MaybeScreen)
    in MaybeScreen (created by CardStack)
    in RNSScreenContainer (created by ScreenContainer)
    in ScreenContainer (created by MaybeScreenContainer)
    in MaybeScreenContainer (created by CardStack)
    in RCTView (created by View)
    in View (created by Background)
    in Background (created by CardStack)
    in CardStack (created by HeaderShownContext)
    in RCTView (created by View)
    in View (created by SafeAreaInsetsContext)
    in SafeAreaProviderCompat (created by StackView)
    in RNGestureHandlerRootView (created by GestureHandlerRootView)
    in GestureHandlerRootView (created by StackView)
    in StackView (created by StackNavigator)
    in PreventRemoveProvider (created by NavigationContent)
    in NavigationContent
    in Unknown (created by StackNavigator)
    in StackNavigator (created by Navigation)
    in EnsureSingleNavigator
    in BaseNavigationContainer
    in ThemeProvider
    in NavigationContainerInner (created by Navigation)
    in Navigation (created by Wrapper)
    in AuthProvider (created by Wrapper)
    in ErrorBoundary (created by Wrapper)
    in BottomSheetStackProvider (created by BladeProvider)
    in ThemeProvider (created by BladeProvider)
    in PortalProviderComponent (created by BladeProvider)
    in RNGestureHandlerRootView (created by GestureHandlerRootView)
    in GestureHandlerRootView (created by BladeProvider)
    in BladeProvider (created by Wrapper)
    in RNCSafeAreaProvider (created by SafeAreaProvider)
    in SafeAreaProvider (created by Wrapper)
    in QueryClientProvider (created by PersistQueryClientProvider)
    in PersistQueryClientProvider (created by Wrapper)
    in Wrapper
    in RCTView (created by View)
    in View (created by AppContainer)
    in RCTView (created by View)
    in View (created by AppContainer)
    in AppContainer
    in wallet_mobile_app(RootComponent), js engine: hermes

Environment

"@razorpay/blade": "10.18.1"

@gupta-ji6 gupta-ji6 self-assigned this Nov 22, 2023
Copy link

changeset-bot bot commented Nov 22, 2023

⚠️ No Changeset found

Latest commit: cf2ebe3

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

Copy link

bundlemon bot commented Nov 22, 2023

BundleMon

Unchanged files (14)
Status Path Size Limits
Web Components
build/components/index.production.web.js
265.2KB -
React Native Components
build/components/index.native.js
186.63KB -
Web Tokens
build/tokens/index.production.web.js
42.24KB -
React Native Tokens
build/tokens/index.native.js
38.35KB -
CSS Theme Tokens
build/css/paymentThemeDarkDesktop.css
4.55KB -
CSS Theme Tokens
build/css/paymentThemeDarkMobile.css
4.54KB -
CSS Theme Tokens
build/css/bankingThemeLightDesktop.css
4.53KB -
CSS Theme Tokens
build/css/bankingThemeLightMobile.css
4.52KB -
CSS Theme Tokens
build/css/bankingThemeDarkDesktop.css
4.52KB -
CSS Theme Tokens
build/css/paymentThemeLightDesktop.css
4.52KB -
CSS Theme Tokens
build/css/bankingThemeDarkMobile.css
4.51KB -
CSS Theme Tokens
build/css/paymentThemeLightMobile.css
4.51KB -
Web Utils
build/utils/index.production.web.js
3.29KB -
React Native Utils
build/utils/index.native.js
2.26KB -

No change in files bundle size

Final result: ✅

View report in BundleMon website ➡️


Current branch size history | Target branch size history

Copy link

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

@gupta-ji6
Copy link
Contributor Author

related to #1847

@kamleshchandnani kamleshchandnani marked this pull request as ready for review December 11, 2023 05:07
@kamleshchandnani kamleshchandnani changed the title docs(installation): add react-native-pager-view in RN install guide docs: add react-native-pager-view in RN install guide Dec 11, 2023
@kamleshchandnani kamleshchandnani merged commit 085dd70 into master Dec 11, 2023
@kamleshchandnani kamleshchandnani deleted the docs/update-installation branch December 11, 2023 05:07
Copy link
Contributor

✅ PR title follows Conventional Commits specification.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants