I'm currently programming a React Native app (expo) with Visual Studio Code.
For testing I'm using the iOS simulator.
Until now the setup has worked fine. But now I have a problem with debugging my application. When I want to create a new launch.json file, there is no React Native environment in the dropdown list (see picture below).
I already tried to manually add the launch.json file. But when I want to add a configuration there is also no React Native entry available.
Can anyone please help me?
For debugging I installed the React Native Tools Extension (I also tried differnet versions).
Version Info:
macOS Big Sure: 11.3.1
VS Code: 1.61.2
React Native Tools: 1.7.1
The best way for debugging react-native applications is using a react-native-debugger tool, check out the link below for installation and get started with this amazing community-driven tool:
React-Native-Debugger
Related
I recently had to install a react native module that needed configuring in Xcode, but I've been using Visual Studio (VS) Code for many months now on my project. So I opened the workspace file in the project's 'ios' folder.
I can not find any of my App.js code or src files while in Xcode. How do I continue my project in Xcode? Or do I need to continue using VS Code, and just run the saved files in Xcode/iPhone simulator?
p.s. I am not using Expo
You wont get any code in your xcode project, while running your app on android or ios the App.js or other react-native code is bundled, so to change or view react-native code use another editor like VS-Code or Sublime text
Xcode is for only Apple products, there is no JS(X) syntax support, eslint and etc. so, i highly recommend to continue your RN app development in another IDE/Editor, which supports JS(X) and many other major features that need for RN development.
I am trying to find my Xcode project file inside React Native so I can setup React Native Firebase (https://rnfirebase.io/docs/v5.x.x/installation/ios)
However, I cannot find where the Xcode project file is? Can anyone help.
You can find Xcode project files here:
yourProjectDir/ios/yourprojectname.xcodeproj
If You use cocoapods then you should always use this file:
yourProjectDir/ios/yourprojectname.xcworkspace
If you use Expo or create react native app you will not have an iOS folder as these are abstracted away from you.
If you wish to use a dependency that requires you to edit native code then you need to eject your application. https://docs.expo.io/versions/latest/expokit/eject
From your command line run expo eject and it will build the necessary ios and android folders for you. However there are several ramifications if you eject your app. You should read the above link carefully.
YourRNProject/ios and there you have it inside!
Open your react native folder
you can see ios folder
this folder is what you search for
Is it possible to manually link a library in a react native app when developing on a Linux (Ubuntu) device without manually building the app (I am using the Expo client to test and debug). Because I am on a Linux device, I do not have XCode, and all of the instructions I have found only show how to link libraries using XCode, and they all seem to assume that I have built the app already, or give instructions for building the app (which don't apply to me).
The reason I am asking is I am trying to test the FB login button in my app, but after installing and linking the react-native-fbsdk library, opening the login page in my app results in an error: Invariant Violation: Native component for "RCTFBLoginButton" does not exist". The closest/simplest answer I have found so far seems like it should be the answer in this question, but again it requires XCode, and I'm not sure how to emulate those commands in the command line (or whatever way they can be done).
When using expo, you should use their facebook implementation.
I had a lot of trouble using the login with fbsdk, and the expo sdk is doing the job quite easier.
I tried searching in previous questions, but I did not find it. I made the mistake of using Create React Native App projects. I am trying to do react native link. I did npm i --save. I get an error
react-native link can not be used in Create React Native App projects. If you need to include a library that relies on custom native code, you might have to eject first. See https://github.com/react-community/create-react-native-app/blob/master/EJECTING.md for more information.
I read this and sadly I am completely at a lost. I am using visual studio code and not xcode.
The error is exactly as it states. You cannot link assets and libraries that require linking unless you eject the project from Create React App and get the native project files. Ejecting gives you the native code and with that, you can use Xcode to link libraries with native code.
Create React App is built on Expo, which aims to allow you to develop apps, especially iOS apps, on any platform. But Expo comes with its restrictions due to the very nature of what it accomplishes.
Thus, the problem arises when you want to link platform dependent libraries that require Xcode in iOS's case. Xcode is the proprietary - and really, the only way, to build Apple-based projects that require external libraries because they require APIs and environments only available with it. This was one the huge reasons Expo arose, to allow people to build apps with React Native without having Xcode, but it has its limitations.
So, you cannot use a library that requires linking with native code if you do not have Mac OS because APIs and tools needed for it are only offered on Mac OS.
I want to inspect my app and do some CPU profiling and according to this video https://youtu.be/0MlT74erp60, I am supposed to build a react native dynamic library for a specific iOS version. I have managed to build a library and link it through Xcode but can't figure out the command for how to build it for a "specific" ios version.
Any help is much appreciated.