我如何知道我的代码是否作为 React Native 运行

Question

I want to be able to export a package for all platforms, but I am using some native bindings with a plain JS fallback. Normally I would notice the difference checking if object window or exports exist.

How can I achieve this on React Native?

Answer 1

Here is how to check if code is on web, nodejs, or react-native:

if (typeof document != 'undefined') {
  // I'm on the web!
}
else if (typeof navigator != 'undefined' && navigator.product == 'ReactNative') {
  // I'm in react-native
}
else {
  // I'm in node js
}

Sources:

• What causes node to return 'navigator is not defined'
• Add way to detect react-native (and platform) without require().
• React Native support is broken

Answer 2

crete两个文件：一个名为file.web.js，另一个名为file.native.js，只导入第一个名称段'./ yourdirectories / file'

Answer 3

Use

import { Platform } from 'react-native'

if ( Platform.OS !== 'web' ) {
    // Do something
}

Answer 4

Not sure if I understood your question properly, but what we've been doing so far to address all the platforms and have React Native overrides was to have:

-- file.js
-- file.android.js
-- file.ios.js

with just a plain

require('./file');

so that based on the env (Node / React Native) a proper file is loaded transparently.