react-native-macos | experimental fork for writing desktop apps | Dektop Application library

 by   ptmt JavaScript Version: v0.14.0 License: Non-SPDX

kandi X-RAY | react-native-macos Summary

kandi X-RAY | react-native-macos Summary

react-native-macos is a JavaScript library typically used in Apps, Dektop Application, React Native, React, Electron, macOS applications. react-native-macos has no bugs, it has no vulnerabilities and it has medium support. However react-native-macos has a Non-SPDX License. You can install using 'npm i react-native-macos-cli' or download it from GitHub, npm.

Build macOS desktop applications using React Native.

            kandi-support Support

              react-native-macos has a medium active ecosystem.
              It has 11358 star(s) with 485 fork(s). There are 234 watchers for this library.
              It had no major release in the last 12 months.
              There are 47 open issues and 126 have been closed. On average issues are closed in 298 days. There are 23 open pull requests and 0 closed requests.
              It has a neutral sentiment in the developer community.
              The latest version of react-native-macos is v0.14.0

            kandi-Quality Quality

              react-native-macos has 0 bugs and 0 code smells.

            kandi-Security Security

              react-native-macos has no vulnerabilities reported, and its dependent libraries have no vulnerabilities reported.
              react-native-macos code analysis shows 0 unresolved vulnerabilities.
              There are 0 security hotspots that need review.

            kandi-License License

              react-native-macos has a Non-SPDX License.
              Non-SPDX licenses can be open source with a non SPDX compliant license, or non open source licenses, and you need to review them closely before use.

            kandi-Reuse Reuse

              react-native-macos releases are available to install and integrate.
              Deployable package is available in npm.
              Installation instructions, examples and code snippets are available.
              react-native-macos saves you 49485 person hours of effort in developing the same functionality from scratch.
              It has 57620 lines of code, 5312 functions and 1730 files.
              It has medium code complexity. Code complexity directly impacts maintainability of the code.

            Top functions reviewed by kandi - BETA

            kandi has reviewed react-native-macos and discovered the below as its top functions. This is intended to give you an instant insight into react-native-macos implemented functionality, and help decide if they suit your requirements.
            • Implements a new child - side process .
            • Creates a new React instance .
            • Evaluate a React component .
            • Creates interpolation with given configuration .
            • Commits React .
            • Re - react component .
            • Create a new React class instance .
            • Removes the current state of the component .
            • Recursively diff properties from updateHandler
            • Hydration of react - related properties .
            Get all kandi verified functions for this library.

            react-native-macos Key Features

            No Key Features are available at this moment for react-native-macos.

            react-native-macos Examples and Code Snippets

            No Code Snippets are available at this moment for react-native-macos.

            Community Discussions


            RCT-Folly error when using hermes with iOS
            Asked 2022-Mar-20 at 03:32

            When enabling hermes in the Podfile and rebuilding the build it fails due to RCT-Folly. No idea what it does.

            To re-initialise everything I use the following:

            rm -rf node_modules && rm package-lock.json && npm install && cd ios && rm -rf Pods && rm Podfile.lock && pod deintegrate && pod setup && pod install && cd ..

            I also start the metro bundler with:

            npx react-native --reset-cache

            Anyone has a solution?

            The app uses react-native v0.64 and we want to have a better performance using hermes.

            All information:




            Answered 2021-Jul-23 at 16:11

            After lots of trial and error I found a working solution. It's a bit strange, but I had to enable Flipper. I did not find a way without it.

            Thanks to this answer: I found out about fixing Pods.

            This is my Podfile now:



            No member named 'cancelButtonTintColor' in 'JS::NativeActionSheetManager::SpecShowActionSheetWithOptionsOptions'
            Asked 2022-Mar-14 at 07:56


            How to fix this error. I have created simple project with latest version and when try to build the project via Xcode it generate error?



            Output of npx react-native info



            Answered 2022-Feb-27 at 07:55

            You could create that into the library source or you could avoid it and use the same UIColor option just above it.

            I removed: ( [RCTConvert UIColor:options.cancelButtonTintColor() ? @( options.cancelButtonTintColor()) : nil];* ) and replace it with: ( *[RCTConvert UIColor:options.tintColor() ? @(options.tintColor()) : nil]; )

            my line now looks like:



            I can't install android app when react-native project is first created
            Asked 2022-Feb-19 at 12:47

            There is an issue when I create project



            Answered 2022-Feb-19 at 12:47

            I was able to solve the problem by adding the code below to



            New RN project in M1 mbp built failed. "Could not find node. Make sure it is in bash PATH or set the NODE_BINARY environment variable."
            Asked 2021-May-01 at 03:42
                OS: macOS 11.3
                CPU: (8) arm64 Apple M1
                Memory: 124.86 MB / 16.00 GB
                Shell: 5.8 - /bin/zsh
                Node: 16.0.0 - /opt/homebrew/bin/node
                Yarn: Not Found
                npm: 7.10.0 - /opt/homebrew/bin/npm
                Watchman: Not Found
                CocoaPods: 1.10.1 - /Users/chia/.rbenv/shims/pod
                iOS SDK:
                  Platforms: iOS 14.5, DriverKit 20.4, macOS 11.3, tvOS 14.5, watchOS 7.4
                Android SDK: Not Found
                Android Studio: Not Found
                Xcode: 12.5/12E262 - /usr/bin/xcodebuild
                Java: Not Found
                @react-native-community/cli: Not Found
                react: 17.0.1 => 17.0.1 
                react-native: 0.64.0 => 0.64.0 
                react-native-macos: Not Found
                *react-native*: Not Found


            Answered 2021-May-01 at 03:42
            sudo ln -s $(which node) /usr/local/bin/node



            Stock React Native app won't build on iOS (asdf?)
            Asked 2021-Apr-23 at 21:02

            I'd like some help getting a stock app running following the official Getting Started.

            I downloaded iOS simulator 14.3.

            I run

            npx react-native init nuproject

            cd nuproject

            npx react-native run-ios

            I get



            Answered 2021-Apr-23 at 20:38

            Seems kinda straightforward, that your solution might be to make sure the PREFIX variable is unset.

            One alternative you have is to install Node via NVM rather than managing Node within ASDF environment. I use ASDF environment also but I dont use ASDF for python or node. For those, i manage the installs outside of ASDF.



            Unable to get provider com.facebook.FacebookContentProvider || Didn't find class "com.facebook.FacebookContentProvider"
            Asked 2021-Feb-05 at 17:08

            The android build is crashing on launch after integrating crashlytics. issue is also posted on github at here When I run the application on device it start Initializing Crashlytics and the initialization successful but the app is crashed with this error.




            Answered 2021-Feb-05 at 17:08

            Sorry for inconvience! It is fixed for now I have used Facebook login in the past but now it is removed from react-native code and package.json but the integration not removed from the android side.

            I removed these lines



            react-native [iOS] RCTAssert RCTFormatError 165 ReferenceError: Can't find variable: typeAnnotation
            Asked 2021-Jan-27 at 08:53

            [iOS] app is working fine on simulator or device when I run it directly, But when I generate an archive it's crashing. With the help of Crashlytics, I found the issue here



            Answered 2021-Jan-27 at 08:53

            It is fixed by adding import 'react-native-gesture-handler'; to the index.js

            Secondly, I removed an auto imported thing from babel which is causing the crash.

            • removed this import { cloneDeep } from '@babel/types';

            Auto import from babel is the main crash.



            React-Native assets not loading - errors not clear
            Asked 2020-Oct-04 at 18:38

            I am using React-native along with AWS Amplify and AWS AppSync with GraphQL. When I load my app in the ios simulator with the command npx react-native ios the app loads, but it is not loading the assets.

            If I inspect and click on something like App or Navigator I get the following errors. I'm not sure if they are related. I had this working and without changing any code this started happening.

            Here is an example of how I'm trying to load an asset:


            Edit: Here is the output for react-native info



            Answered 2020-Oct-02 at 23:11

            I came across this a while back and in my case the errors were because the reactNode sent to the scrollToFocusedInput were null.

            Trace/debug the scrollToFocusedInput method and/or do a console.log(event, reactNode).

            This could have been caused because you did not use the default SDK install path or because the JS bundle is referred to your dev machine rather than the local device.

            If you are running on emulator, make sure the emulator has default settings and access to the emulated baseband (cellular turned on). Turning stuff off on emulator can cause weird build behavior.



            Editable NSTextField inside not .titled NSPanel
            Asked 2020-Jul-26 at 19:29

            I'm making a bridge for react-native-macos. I need NSPanel with the same behaviour as Spotlight.

            I programmatically created NSPanel and NSTextField inside. Everything working as expected, but if I change NSPanel to not .titled - the text field is disabled.




            Answered 2020-Jul-26 at 19:29

            I believe .borderless and .titled are mutually exclusive. In other words, when you specify .borderless in the top code, the .titled overrides it and you get end up getting a "normal window" that handles events normally. In the second code, the .borderless actually registers and you end up getting a borderless window subclass that handles events quite differently. But all of this is beside the point.

            Assuming you can require greater than macOS 10.10, you can use the following code:



            Make NSPanel always on top
            Asked 2020-Jul-25 at 14:01

            I'm making a bridge for react-native-macos. I need NSPanel with the same behaviour as Spotlight. I programmatically created it, but have questions:

            1. Can't make it always on top (also it should work if app is hidden)
            2. There is NSTextField inside the panel. If I try to hide title panel I can't change the field. Looks like it disabled.
            3. What is the best way to display results (like in the spotlight)


            Answered 2020-Jul-23 at 16:56

            Community Discussions, Code Snippets contain sources that include Stack Exchange Network


            No vulnerabilities reported

            Install react-native-macos

            Node 4.x+, OS X 10.11+ required. If you want to add macOS target to the existing iOS/Android/Windows project, make the steps above, merge this new folder into your current React Native project, then put rn-cli.config.js in the root.


            Since React Native macOS is just a fork, you can follow the same instructions on the React Native Documentation.
            Find more information at:

            Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items

            Find more libraries

            Stay Updated

            Subscribe to our newsletter for trending solutions and developer bootcamps

            Agree to Sign up and Terms & Conditions

            Share this Page

            share link