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

requireNativeComponent: "RNSVGCircle" was not found in the UIManager #29

Open
Angelk90 opened this issue Nov 18, 2020 · 2 comments
Open
Labels
bug Something isn't working

Comments

@Angelk90
Copy link

Bug

Schermata 2020-11-18 alle 17 11 23

Environment info

Library Version
@gorhom/paper-onboarding ^1.0.0
react-native 0.63.3
react-native-reanimated ^1.13.0
react-native-gesture-handler ^1.8.0
react-native-svg ^12.1.0

Reproducible sample code

@gorhom : I am using the following boilerplate

This code I am using inside a containers, this is an example of container:

import React, { useState, useEffect, useMemo } from 'react'
import { useDispatch, useSelector } from 'react-redux'
import { View, StyleSheet } from 'react-native'
import { Text, Button } from 'react-native-paper'
import { Common, Fonts, Gutters, Layout } from '@/Theme'
import { useTranslation } from 'react-i18next'
import Settings from '@/Store/Settings/Init'

import PaperOnboarding from "@gorhom/paper-onboarding";
import { useSafeArea } from 'react-native-safe-area-context';

const data = [
  {
    title: 'Hotels',
    description: 'All hotels and hostels are sorted by hospitality rating',
    backgroundColor: '#698FB8',
  },
  {
    title: 'Banks',
    description: 'We carefully verify all banks before add them into the app',
    backgroundColor: '#6CB2B8',
  },
  {
    title: 'Stores',
    description: 'All local stores are categorized for your convenience',
    backgroundColor: '#9D8FBF',
  },
];

const IndexInstallationContainer = (props) => {
  const { t } = useTranslation()
  const dispatch = useDispatch()
  const settings = useSelector((state) => state.settings)

  const changeTheme = () => {
    dispatch(Settings.action({ colorScheme: settings.item.colorScheme === 'dark' ? 'ligth' : 'dark' }))
  }

  const handleOnClosePress = () => props.navigation.navigate("Login");

  const safeInsets = useSafeArea();

  // variable
  const insets = useMemo(
    () => ({
      top: Math.max(safeInsets.top, 20),
      bottom: Math.max(safeInsets.bottom, 20),
      left: Math.max(safeInsets.left, 20),
      right: Math.max(safeInsets.right, 20),
    }),
    [safeInsets]
  );

  return (
    <PaperOnboarding
      data={data}
      safeInsets={{
          top: insets.top,
          bottom: insets.bottom,
          left: insets.left,
          right: insets.right,
      }}
      onCloseButtonPress={handleOnClosePress}
    />
  )
}

export default IndexInstallationContainer
@Angelk90 Angelk90 added the bug Something isn't working label Nov 18, 2020
@agam16
Copy link

agam16 commented May 8, 2021

@Angelk90 did you resolve this?

@juanda2222
Copy link

@Angelk90 Im also experiencing this issue

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

3 participants