blocks|key|4441280|text|目前，没有任何方法可以查看您是否在JS中的模拟器中运行。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4441281|我建议添加条件TARGET_IPHONE_SIMULATOR来签入您的本机代码(如果您编写了自己的模块)。或者，如果在simulator...ie:+react-native-+camera：https://github.com/lwansbrough/react-native-camera/search?utf8=%25E2%259C%2593&q=TARGET_IPHONE_SIMULATOR中，则可能使用不渲染相机的第三方模块|offset|length|style|CODE|4441282|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/lwansbrough/react-native-camera/search?utf8=%25E2%259C%2593&q=TARGET_IPHONE_SIMULATOR^0|0|7|N|2O|2Q|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Q|8|@$D|R|E|S|F|G]]|9|@$D|T|E|U|1|V]]|A|$]]|$1|H|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|O]]]]

Currently, there isn't any way to see if you are running from a simulator in JS.

I would suggest to add the conditional <code>TARGET_IPHONE_SIMULATOR</code> to check in your native code (if you wrote your own module). Or perhaps use a 3rd party module that doesn't render the camera if in a simulator...ie: react-native-camera: <a href="https://github.com/lwansbrough/react-native-camera/search?utf8=%E2%9C%93&amp;q=TARGET_IPHONE_SIMULATOR" rel="nofollow">https://github.com/lwansbrough/react-native-camera/search?utf8=%E2%9C%93&amp;q=TARGET_IPHONE_SIMULATOR</a>

blocks|key|4441552|text|我能想到的不需要创建本机模块(或修改现有模块)的最简单的解决方案是将此参数作为react组件属性传递。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4441553|在初始化RCTRootView的AppDelegate中，您可以像在常规iOS应用程序中那样检查它是否是模拟器；然后将此信息作为其initialProperties传递给react根视图|offset|length|style|CODE|4441554|++BOOL+isSimulator+=+NO;
#if+TARGET_IPHONE_SIMULATOR
++isSimulator+=+YES;
#endif
++
++RCTRootView+*rootView+=+[[RCTRootView+alloc]+initWithBundleURL:jsCodeLocation
++++++++++++++++++++++++++++++++++++++++++++++++++++++moduleName:@"ReactDemo"
+++++++++++++++++++++++++++++++++++++++++++++++initialProperties:@{@"isSimulator":+@(isSimulator)}
+++++++++++++++++++++++++++++++++++++++++++++++++++launchOptions:launchOptions];|code-block|syntax|javascript|4441555|现在，您可以通过react组件的道具在JavaScript中访问它：|4441556|this.props.isSimulator|4441557|在安卓上，在扩展ReactActivity的you+MainActivity中，你可以使用类似的方法：|4441558|import+android.os.Build;
import+android.os.Bundle;

public+boolean+isEmulator()+{
++++++++return+Build.FINGERPRINT.startsWith("generic")
++++++++++++++++%7C%7C+Build.FINGERPRINT.startsWith("unknown")
++++++++++++++++%7C%7C+Build.MODEL.contains("google_sdk")
++++++++++++++++%7C%7C+Build.MODEL.contains("Emulator")
++++++++++++++++%7C%7C+Build.MODEL.contains("Android+SDK+built+for+x86")
++++++++++++++++%7C%7C+Build.MANUFACTURER.contains("Genymotion")
++++++++++++++++%7C%7C+(Build.BRAND.startsWith("generic")+&&+Build.DEVICE.startsWith("generic"))
++++++++++++++++%7C%7C+"google_sdk".equals(Build.PRODUCT);
++++}

@Override
protected+Bundle+getLaunchOptions()+{
++++Bundle+opts+=+new+Bundle();
++++opts.putBoolean("isEmulator",+isEmulator());
++++return+opts;
}|4441559|entityMap^0|0|4|B|G|B|1T|H|0|0|0|0|8|D|Q|C|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@$D|Y|E|Z|F|G]|$D|10|E|11|F|G]|$D|12|E|13|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|14|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|15|8|@]|9|@]|A|$]]|$1|O|3|P|5|J|7|16|8|@]|9|@]|A|$K|L]]|$1|Q|3|R|5|6|7|17|8|@$D|18|E|19|F|G]|$D|1A|E|1B|F|G]]|9|@]|A|$]]|$1|S|3|T|5|J|7|1C|8|@]|9|@]|A|$K|L]]|$1|U|3|-4|5|6|7|1D|8|@]|9|@]|A|$]]]|V|$]]

The easiest solution I can think of, which does not require creating a native module (or modifying an existing one), would be to pass this parameter as a react component property.
In your <code>AppDelegate</code> where the <code>RCTRootView</code> is initialized, you check if it's the simulator as you would do in a regular iOS app; you then pass this info to the react root-view as its <code>initialProperties</code>:
<pre><code> BOOL isSimulator = NO;
#if TARGET_IPHONE_SIMULATOR
 isSimulator = YES;
#endif
 
 RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation
 moduleName:@&quot;ReactDemo&quot;
 initialProperties:@{@&quot;isSimulator&quot;: @(isSimulator)}
 launchOptions:launchOptions];
</code></pre>
Now you can access it in the JavaScript via the props of your react component:
<pre><code>this.props.isSimulator
</code></pre>
On Android, in you <code>MainActivity</code> which extends <code>ReactActivity</code> you can use a similar approach:
<pre><code>import android.os.Build;
import android.os.Bundle;

public boolean isEmulator() {
 return Build.FINGERPRINT.startsWith(&quot;generic&quot;)
 || Build.FINGERPRINT.startsWith(&quot;unknown&quot;)
 || Build.MODEL.contains(&quot;google_sdk&quot;)
 || Build.MODEL.contains(&quot;Emulator&quot;)
 || Build.MODEL.contains(&quot;Android SDK built for x86&quot;)
 || Build.MANUFACTURER.contains(&quot;Genymotion&quot;)
 || (Build.BRAND.startsWith(&quot;generic&quot;) &amp;&amp; Build.DEVICE.startsWith(&quot;generic&quot;))
 || &quot;google_sdk&quot;.equals(Build.PRODUCT);
 }

@Override
protected Bundle getLaunchOptions() {
 Bundle opts = new Bundle();
 opts.putBoolean(&quot;isEmulator&quot;, isEmulator());
 return opts;
}
</code></pre>

blocks|key|4441354|text|使用react-native-device-info可以很容易地做到这一点，如下所示：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4441355|import+DeviceInfo+from+'react-native-device-info'

isSimulator()+{
++//+https://github.com/react-native-community/react-native-device-info#isemulator
++return+DeviceInfo.isEmulator();
},|code-block|syntax|javascript|4441356|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/rebeccahughes/react-native-device-info^0|2|O|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

You can do this pretty easily with <a href="https://github.com/rebeccahughes/react-native-device-info" rel="noreferrer">react-native-device-info</a>, like so:
<pre><code>import DeviceInfo from 'react-native-device-info'

isSimulator() {
 // https://github.com/react-native-community/react-native-device-info#isemulator
 return DeviceInfo.isEmulator();
},
</code></pre>

blocks|key|4441378|text|使用react-native-device-info，您可以获得以下数据(在模拟器上执行)：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4441379|getUniqueID:+DB71DCB5-6BB0-497B-BE9E-A02BCC1235B7
getInstanceID:+undefined
getDeviceId:+x86_64
getManufacturer:+Apple
getModel:+Simulator
getBrand:+Apple
getSystemName:+iOS
getSystemVersion:+10.1
getBundleId:+org.reactjs.native.example.project
getBuildNumber:+1
getVersion:+1.0
getReadableVersion:+1.0.1
getDeviceName:MacBook+Pro
getUserAgent:+Mozilla/5.0+(iPhone;+CPU+iPhone+OS+10_1+like+Mac+OS+X)+AppleWebKit/602.2.14+(KHTML,+like+Gecko)+Mobile/14B72
getDeviceLocale:+en
getDeviceCountry:+US
getTimezone:+America/Panama
isEmulator:+true
isTablet:+false|code-block|syntax|javascript|4441380|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/rebeccahughes/react-native-device-info^0|2|O|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

Using <a href="https://github.com/rebeccahughes/react-native-device-info" rel="noreferrer">react-native-device-info</a> you can get the following data (executed on a simulator):

<pre><code>getUniqueID: DB71DCB5-6BB0-497B-BE9E-A02BCC1235B7
getInstanceID: undefined
getDeviceId: x86_64
getManufacturer: Apple
getModel: Simulator
getBrand: Apple
getSystemName: iOS
getSystemVersion: 10.1
getBundleId: org.reactjs.native.example.project
getBuildNumber: 1
getVersion: 1.0
getReadableVersion: 1.0.1
getDeviceName:MacBook Pro
getUserAgent: Mozilla/5.0 (iPhone; CPU iPhone OS 10_1 like Mac OS X) AppleWebKit/602.2.14 (KHTML, like Gecko) Mobile/14B72
getDeviceLocale: en
getDeviceCountry: US
getTimezone: America/Panama
isEmulator: true
isTablet: false
</code></pre>

blocks|key|4441596|text|如果您正在构建一个CRNA/世博会应用程序，您可以使用Expo.Constants.isDevice+https://docs.expo.io/versions/latest/sdk/constants/#constantsisdevice|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4441597|import+{+Constants+}+from+'expo'
//....

console.log(Constants.isDevice)+//+=>+false+if+simulator|code-block|syntax|javascript|4441598|entityMap|0|LINK|mutability|MUTABLE|url|https://docs.expo.io/versions/latest/sdk/constants/#constantsisdevice^0|R|N|1F|1X|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@$9|V|A|W|1|X]]|E|$]]|$1|F|3|G|5|H|7|Y|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Z|8|@]|D|@]|E|$]]]|L|$M|$5|N|O|P|E|$Q|R]]]]

If you're building a CRNA/Expo app you can use <code>Expo.Constants.isDevice</code> 
<a href="https://docs.expo.io/versions/latest/sdk/constants/#constantsisdevice" rel="noreferrer">https://docs.expo.io/versions/latest/sdk/constants/#constantsisdevice</a>

<pre><code>import { Constants } from 'expo'
//....

console.log(Constants.isDevice) // =&gt; false if simulator
</code></pre>

blocks|key|4441404|text|import+getHostForRN+from+'rn-host-detect';
const+IS_SIMULATOR+=+getHostForRN('127.0.0.1')+==+"localhost";|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|4441405|这可以将我的iOS模拟器与我的实际设备区分开来，因为模拟器返回localhost，而iOS设备返回127.0.0.1。我还没有在Android上测试过，但如果它对你们有帮助，请让我知道。|unstyled|offset|length|style|CODE|4441406|entityMap^0|0|V|9|1D|9|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|N|8|@$G|O|H|P|I|J]|$G|Q|H|R|I|J]]|9|@]|A|$]]|$1|K|3|-4|5|F|7|S|8|@]|9|@]|A|$]]]|L|$]]

<pre><code>import getHostForRN from 'rn-host-detect';
const IS_SIMULATOR = getHostForRN('127.0.0.1') == "localhost";
</code></pre>

This works to differentiate my iOS simulator from my actual device because the simulator returns <code>localhost</code> and the iOS device returns <code>127.0.0.1</code>. Have not tested it on Android but let me know if it helps you guys.

In a Obj-C iOS app I can use <code>#if (TARGET_IPHONE_SIMULATOR)</code> to write simulator-only code.

In react native I can use:

<pre><code>if (__DEV__) {
 .. do something special
}
</code></pre>

.. to detect development mode. 

We can use <code>Platform.OS === 'ios'</code> to detect the platform (Android/iOS).
See here for more info <a href="https://facebook.github.io/react-native/docs/platform-specific-code.html">Platform Docs</a>

But how do we detect if the app is running in the simulator?

The reason I ask is that my app uses the camera to scan barcodes, and this isn't supported in the iOS Simulator.

React Native: How can I detect if my code is running in the Simulator?

Android

在Obj-C iOS应用程序中，我可以使用#if (TARGET_IPHONE_SIMULATOR)编写仅限模拟器的代码。在react原生中，我可以使用：if (__DEV__) { .. do something special}。。来检测开发模式。我们可以使用Platform.OS === 'ios'来检测平台(A...

问React Native:如何检测我的代码是否在模拟器中运行？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问React Native:如何检测我的代码是否在模拟器中运行？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问React Native:如何检测我的代码是否在模拟器中运行？
EN