Nov
27
23 hours ago
started
started time in 11 hours ago
Activity icon
issue

SHIVAJIKUMAR007 issue facebook/react-native

SHIVAJIKUMAR007
SHIVAJIKUMAR007

"RCTActivityIndicatorView" was not found in the UIManager.

Description

Activity indicator giving me error

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

This error is located at: in RCTActivityIndicatorView (at ActivityIndicator.js:118) in RCTView (at View.js:32) in View (at ActivityIndicator.js:108) in ActivityIndicator (at Home2.js:150) in RCTView (at View.js:32) in View (at Home2.js:149) in RCTView (at View.js:32) in View (at Home2.js:135) in RCTView (at View.js:32) in View (at Home2.js:65) in Home2 (at SceneView.tsx:126) in StaticContainer in EnsureSingleNavigator (at SceneView.tsx:118) in SceneView (at useDescriptors.tsx:210) in RCTView (at View.js:32) in View (at Screen.tsx:63) in RCTView (at View.js:32) in View (at Background.tsx:13) in Background (at Screen.tsx:58) in Screen (at BottomTabView.tsx:129) in RCTView (at View.js:32) in View (at ResourceSavingView.tsx:42) in RCTView (at View.js:32) in View (at ResourceSavingView.tsx:37) in ResourceSavingScene (at ScreenFallback.tsx:44) in MaybeScreen (at BottomTabView.tsx:122) in RCTView (at View.js:32) in View (at ScreenFallback.tsx:31) in MaybeScreenContainer (at BottomTabView.tsx:93) in RNCSafeAreaProvider (at SafeAreaContext.tsx:76) in SafeAreaProvider (at SafeAreaProviderCompat.tsx:46) in SafeAreaProviderCompat (at BottomTabView.tsx:92) in BottomTabView (at createBottomTabNavigator.tsx:116) in Unknown (at createBottomTabNavigator.tsx:115) in BottomTabNavigator (at Navigator.js:60) in EnsureSingleNavigator (at BaseNavigationContainer.tsx:430) in BaseNavigationContainer (at NavigationContainer.tsx:132) in ThemeProvider (at NavigationContainer.tsx:131) in NavigationContainerInner (at Navigator.js:53) in Navigator (at App.js:49) in ThemeProvider (at App.js:46) in ThemeProvider (at Provider.tsx:83) in RCTView (at View.js:32) in View (at PortalHost.tsx:125) in Portal.Host (at Provider.tsx:81) in Provider (at App.js:45) in ThemeWraper (at App.js:27) in Provider (at App.js:26) in App (at renderApplication.js:50) in RCTView (at View.js:32) in View (at AppContainer.js:92) in RCTView (at View.js:32) in View (at AppContainer.js:119) in AppContainer (at renderApplication.js:43) in LaCasa(RootComponent) (at renderApplication.js:60) ERROR Invariant Violation: requireNativeComponent: "RCTScrollContentView" was not found in the UIManager.

This error is located at: in RCTScrollContentView (at ScrollView.js:1674) in RCTScrollView (at ScrollView.js:1792) in ScrollView (at ScrollView.js:1818) in ScrollView (at LogBoxInspectorCodeFrame.js:58) in RCTView (at View.js:32) in View (at LogBoxInspectorCodeFrame.js:57) in RCTView (at View.js:32) in View (at LogBoxInspectorCodeFrame.js:56) in RCTView (at View.js:32) in View (at LogBoxInspectorSection.js:30) in RCTView (at View.js:32) in View (at LogBoxInspectorSection.js:25) in LogBoxInspectorSection (at LogBoxInspectorCodeFrame.js:55) in LogBoxInspectorCodeFrame (at LogBoxInspector.js:117) in RCTScrollContentView (at ScrollView.js:1674) in RCTScrollView (at ScrollView.js:1792) in ScrollView (at ScrollView.js:1818) in ScrollView (at LogBoxInspector.js:116) in LogBoxInspectorBody (at LogBoxInspector.js:77) in RCTView (at View.js:32) in View (at LogBoxInspector.js:70) in LogBoxInspector (at LogBoxInspectorContainer.js:27) in RCTView (at View.js:32) in View (at LogBoxInspectorContainer.js:26) in _LogBoxInspectorContainer (at LogBoxData.js:432) in LogBoxStateSubscription (at renderApplication.js:50) in RCTView (at View.js:32) in View (at AppContainer.js:92) in RCTView (at View.js:32) in View (at AppContainer.js:119) in AppContainer (at renderApplication.js:43) in LogBox(RootComponent) (at renderApplication.js:60) ERROR Invariant Violation: An error was thrown when attempting to render log messages via LogBox.

requireNativeComponent: "RCTScrollContentView" was not found in the UIManager.

This error is located at: in RCTScrollContentView (at ScrollView.js:1674) in RCTScrollView (at ScrollView.js:1792) in ScrollView (at ScrollView.js:1818) in ScrollView (at LogBoxInspectorCodeFrame.js:58) in RCTView (at View.js:32) in View (at LogBoxInspectorCodeFrame.js:57) in RCTView (at View.js:32) in View (at LogBoxInspectorCodeFrame.js:56) in RCTView (at View.js:32) in View (at LogBoxInspectorSection.js:30) in RCTView (at View.js:32) in View (at LogBoxInspectorSection.js:25) in LogBoxInspectorSection (at LogBoxInspectorCodeFrame.js:55) in LogBoxInspectorCodeFrame (at LogBoxInspector.js:117) in RCTScrollContentView (at ScrollView.js:1674) in RCTScrollView (at ScrollView.js:1792) in ScrollView (at ScrollView.js:1818) in ScrollView (at LogBoxInspector.js:116) in LogBoxInspectorBody (at LogBoxInspector.js:77) in RCTView (at View.js:32) in View (at LogBoxInspector.js:70) in LogBoxInspector (at LogBoxInspectorContainer.js:27) in RCTView (at View.js:32) in View (at LogBoxInspectorContainer.js:26) in _LogBoxInspectorContainer (at LogBoxData.js:432) in LogBoxStateSubscription (at renderApplication.js:50) in RCTView (at View.js:32) in View (at AppContainer.js:92) in RCTView (at View.js:32) in View (at AppContainer.js:119) in AppContainer (at renderApplication.js:43) in LogBox(RootComponent) (at renderApplication.js:60)

Version

0.66.0

Output of react-native info

npx react-native info info Fetching system and libraries information... System: OS: Windows 10 10.0.19042 CPU: (8) x64 Intel(R) Core(TM) i5-8250U CPU @1.60GHz
Memory: 2.75 GB / 7.89 GB Binaries: Node: 12.16.1 - C:\Program Files\nodejs\node.EXE Yarn: Not Found npm: 6.13.4 - C:\Program Files\nodejs\npm.CMD Watchman: Not Found SDKs: Android SDK: Not Found Windows SDK: Not Found IDEs: Android Studio: Version 3.6.0.0 AI-192.7142.36.36.6392135 Visual Studio: Not Found Languages: Java: 1.8.0_251 - C:\Program Files\Java\jdk\bin\javac.EXE npmPackages: @react-native-community/cli: Not Found react: 17.0.2 => 17.0.2 react-native: 0.66.0 => 0.66.0 react-native-windows: Not Found npmGlobalPackages: react-native: Not Found

Steps to reproduce

i was working on my project and i run npx react-native link @react-native-picker/picker and after that this error started to showing me.

Snack, code example, screenshot, or link to a repository

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

This error is located at: in RCTActivityIndicatorView (at ActivityIndicator.js:118) in RCTView (at View.js:32) in View (at ActivityIndicator.js:108) in ActivityIndicator (at Home2.js:150) in RCTView (at View.js:32) in View (at Home2.js:149) in RCTView (at View.js:32) in View (at Home2.js:135) in RCTView (at View.js:32) in View (at Home2.js:65) in Home2 (at SceneView.tsx:126) in StaticContainer in EnsureSingleNavigator (at SceneView.tsx:118) in SceneView (at useDescriptors.tsx:210) in RCTView (at View.js:32) in View (at Screen.tsx:63) in RCTView (at View.js:32) in View (at Background.tsx:13) in Background (at Screen.tsx:58) in Screen (at BottomTabView.tsx:129) in RCTView (at View.js:32) in View (at ResourceSavingView.tsx:42) in RCTView (at View.js:32) in View (at ResourceSavingView.tsx:37) in ResourceSavingScene (at ScreenFallback.tsx:44) in MaybeScreen (at BottomTabView.tsx:122) in RCTView (at View.js:32) in View (at ScreenFallback.tsx:31) in MaybeScreenContainer (at BottomTabView.tsx:93) in RNCSafeAreaProvider (at SafeAreaContext.tsx:76) in SafeAreaProvider (at SafeAreaProviderCompat.tsx:46) in SafeAreaProviderCompat (at BottomTabView.tsx:92) in BottomTabView (at createBottomTabNavigator.tsx:116) in Unknown (at createBottomTabNavigator.tsx:115) in BottomTabNavigator (at Navigator.js:60) in EnsureSingleNavigator (at BaseNavigationContainer.tsx:430) in BaseNavigationContainer (at NavigationContainer.tsx:132) in ThemeProvider (at NavigationContainer.tsx:131) in NavigationContainerInner (at Navigator.js:53) in Navigator (at App.js:49) in ThemeProvider (at App.js:46) in ThemeProvider (at Provider.tsx:83) in RCTView (at View.js:32) in View (at PortalHost.tsx:125) in Portal.Host (at Provider.tsx:81) in Provider (at App.js:45) in ThemeWraper (at App.js:27) in Provider (at App.js:26) in App (at renderApplication.js:50) in RCTView (at View.js:32) in View (at AppContainer.js:92) in RCTView (at View.js:32) in View (at AppContainer.js:119) in AppContainer (at renderApplication.js:43) in LaCasa(RootComponent) (at renderApplication.js:60) ERROR Invariant Violation: requireNativeComponent: "RCTScrollContentView" was not found in the UIManager.

This error is located at: in RCTScrollContentView (at ScrollView.js:1674) in RCTScrollView (at ScrollView.js:1792) in ScrollView (at ScrollView.js:1818) in ScrollView (at LogBoxInspectorCodeFrame.js:58) in RCTView (at View.js:32) in View (at LogBoxInspectorCodeFrame.js:57) in RCTView (at View.js:32) in View (at LogBoxInspectorCodeFrame.js:56) in RCTView (at View.js:32) in View (at LogBoxInspectorSection.js:30) in RCTView (at View.js:32) in View (at LogBoxInspectorSection.js:25) in LogBoxInspectorSection (at LogBoxInspectorCodeFrame.js:55) in LogBoxInspectorCodeFrame (at LogBoxInspector.js:117) in RCTScrollContentView (at ScrollView.js:1674) in RCTScrollView (at ScrollView.js:1792) in ScrollView (at ScrollView.js:1818) in ScrollView (at LogBoxInspector.js:116) in LogBoxInspectorBody (at LogBoxInspector.js:77) in RCTView (at View.js:32) in View (at LogBoxInspector.js:70) in LogBoxInspector (at LogBoxInspectorContainer.js:27) in RCTView (at View.js:32) in View (at LogBoxInspectorContainer.js:26) in _LogBoxInspectorContainer (at LogBoxData.js:432) in LogBoxStateSubscription (at renderApplication.js:50) in RCTView (at View.js:32) in View (at AppContainer.js:92) in RCTView (at View.js:32) in View (at AppContainer.js:119) in AppContainer (at renderApplication.js:43) in LogBox(RootComponent) (at renderApplication.js:60) ERROR Invariant Violation: An error was thrown when attempting to render log messages via LogBox.

requireNativeComponent: "RCTScrollContentView" was not found in the UIManager.

This error is located at: in RCTScrollContentView (at ScrollView.js:1674) in RCTScrollView (at ScrollView.js:1792) in ScrollView (at ScrollView.js:1818) in ScrollView (at LogBoxInspectorCodeFrame.js:58) in RCTView (at View.js:32) in View (at LogBoxInspectorCodeFrame.js:57) in RCTView (at View.js:32) in View (at LogBoxInspectorCodeFrame.js:56) in RCTView (at View.js:32) in View (at LogBoxInspectorSection.js:30) in RCTView (at View.js:32) in View (at LogBoxInspectorSection.js:25) in LogBoxInspectorSection (at LogBoxInspectorCodeFrame.js:55) in LogBoxInspectorCodeFrame (at LogBoxInspector.js:117) in RCTScrollContentView (at ScrollView.js:1674) in RCTScrollView (at ScrollView.js:1792) in ScrollView (at ScrollView.js:1818) in ScrollView (at LogBoxInspector.js:116) in LogBoxInspectorBody (at LogBoxInspector.js:77) in RCTView (at View.js:32) in View (at LogBoxInspector.js:70) in LogBoxInspector (at LogBoxInspectorContainer.js:27) in RCTView (at View.js:32) in View (at LogBoxInspectorContainer.js:26) in _LogBoxInspectorContainer (at LogBoxData.js:432) in LogBoxStateSubscription (at renderApplication.js:50) in RCTView (at View.js:32) in View (at AppContainer.js:92) in RCTView (at View.js:32) in View (at AppContainer.js:119) in AppContainer (at renderApplication.js:43) in LogBox(RootComponent) (at renderApplication.js:60)

started
started time in 11 hours ago
started
started time in 13 hours ago
started
started time in 13 hours ago
Activity icon
fork

emirhanincodes forked facebook/react-native

⚡ A framework for building native applications using React
emirhanincodes Updated
fork time in 13 hours ago
Activity icon
issue

onlyling issue comment facebook/react-native

onlyling
onlyling

Apple Silicon (M1) troubleshooting guide (RN 0.64/0.65/0.66)

Hey folks 👋

This issue wants to help everyone working from an M1 powered machine successfully be able to build their RN apps.

The points below have been written by @mikehardy (and only lightly edited for readability), so huge props to him for his work on this problem space 👏👏

All testing is done with this script and variations on it https://github.com/mikehardy/rnfbdemo/blob/master/make-demo.sh - so that testing is reproducible.


Main fix

For Apple Silicon to work at all you need to address a linker problem with react-native and Swift libraries.

You know you have this problem if you see something like

ld: warning: Could not find or use auto-linked library 'swiftCoreFoundation'

...as described in https://github.com/facebookarchive/react-native-fbsdk/issues/755

Many people recommend adding an empty Swift file with a bridging header, but it's not ideal: it is a manual thing that requires GUI manipulation in Xcode = hard to document, not automatic and it is only done for the side effect it has of changing up library paths.

This solution directly has the desired effect, added in your local Podfile's post_install section (aka "stanza"):

    installer.aggregate_targets.each do |aggregate_target|
      aggregate_target.user_project.native_targets.each do |target|
        target.build_configurations.each do |config|
          config.build_settings['LIBRARY_SEARCH_PATHS'] = ['$(SDKROOT)/usr/lib/swift', '$(inherited)']
        end
      end
      aggregate_target.user_project.save
    end

Hermes + iOS

For Apple Silicon to successfully use Hermes for iOS you should use react-native 0.65. It is maybe possible with react-native 0.64 but it requires the updated Hermes dependency used in react-native 0.65 (v0.8.1), and trying to qualify that on react-native 0.64 is not something generally supportable. Hermes + iOS + Apple Silicon? Please update to react-native 0.65.

3rd party packages PSA

Many React Native third party libraries, like the ones @mikehardy is involved in react-native-google-signin and react-native-fbsdk-next are not ready for Apple Silicon yet. They both need forward ports to wrap the updated breaking-change versions of the underlying native SDKs, and that's work in need of your effort.

Check the issue section of those repositories that error out on M1s, there's probably already an ongoing effort to add support - help out if you can.

Anecdotally, Mike says that

I currently check in my podfile to edit out those dependencies for my Apple Silicon colleagues and prohibit release builds there. The arch command is useful in these cases, you may use it either in package.json scripts or your Podfile to detect if you are on x86_64 or arm64 and behave programmatically (removing dependencies perhaps) as needed

VSCode Terminal issues

tl;dr: do not run install / compile commands from a Terminal in VS Code.

If you program using VSCode and use Terminal inside VSCode for commands, like run pod install, you should be aware that as of this typing VSCode Terminal runs under Rosetta 2, and your pod install will do things you do not want based on mis-diagnosing your arch as x86_64 (via Rosetta 2), resulting in undefined behavior and pod install / compile errors. See https://github.com/microsoft/vscode/issues/116763 for more details.


If none of the above helped you, and you can reproduce your issue consistently - even on a freshly init'd project, then post a comment below with how to repro so that this can be investigated further.

onlyling
onlyling

Hello, there are some questions. Use @react-native-community/cli to create a project and it runs normally, but if you add jpush-react-native, you will get an error. There is no problem with the Inter platform, but Apple’s M1 will have problems, only iOS has problems, and the Android development model is good. What's the problem? More information -> https://github.com/jpush/jpush-react-native/issues/860

started
started time in 14 hours ago
started
started time in 15 hours ago
Activity icon
fork

vraomoturi forked facebook/react-native

⚡ A framework for building native applications using React
vraomoturi Updated
fork time in 16 hours ago