How do I use JailMonkey.canMockLocation() ?

[KevinHu2014]

How do I use JailMonkey.canMockLocation() ?
Does it support RN 0.30 ?

I got undefined is not an object (evaluating 'this.props.navigator') error

Here's my code

import React, { Component } from 'react';
import {
  AppRegistry,
  StyleSheet,
  Text,
  View
} from 'react-native';
import JailMonkey from 'jail-monkey';

class RNmonkey extends Component {

  componentWillMount(){
   JailMonkey.canMockLocation();
  }
  render() {
    return (
      <View style={styles.container}>
        <Text style={styles.welcome}>
          Welcome to React Native!
        </Text>
        <Text style={styles.instructions}>
          To get started, edit index.android.js
        </Text>
        <Text style={styles.instructions}>
          Press Cmd+R to reload,{'\n'}
          Cmd+D or shake for dev menu
        </Text>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF',
  },
  welcome: {
    fontSize: 20,
    textAlign: 'center',
    margin: 10,
  },
  instructions: {
    textAlign: 'center',
    color: '#333333',
    marginBottom: 5,
  },
});

module.exports = RNmonkey;

[GantMan]

That's odd - I don't mention a navigator anywhere in this library. Are you sure you have cleaned your packager and cache?

I just created a brand new 0.30.0 app and implemented the following app, it worked fine:

import React, { Component } from 'react';
import JailMonkey from 'jail-monkey';

import {
  AppRegistry,
  StyleSheet,
  Text,
  View
} from 'react-native';

class RNMonkey extends Component {
  render() {
    return (
      <View style={styles.container}>
        <Text style={styles.welcome}>
          IS JAIL BROKEN?
        </Text>
        <Text style={styles.instructions}>
          {JailMonkey.isJailBroken().toString()}
        </Text>
        <Text style={styles.welcome}>
          CAN MOCK LOCATION?
        </Text>
        <Text style={styles.instructions}>
          {JailMonkey.canMockLocation().toString()}
        </Text>
        <Text style={styles.welcome}>
          TRUST FALL?
        </Text>
        <Text style={styles.instructions}>
          {JailMonkey.trustFall().toString()}
        </Text>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF',
  },
  welcome: {
    fontSize: 20,
    textAlign: 'center',
    margin: 10,
  },
  instructions: {
    textAlign: 'center',
    color: '#333333',
    marginBottom: 5,
  },
});

AppRegistry.registerComponent('RNMonkey', () => RNMonkey);

[KevinHu2014]

I found out that base on the same code.
It works fine on iOS but gets errors on Android.
And I not sure how to clean packager and cache.

Did I miss something else?

[GantMan]

Is the Android code exactly the same? Can you copy and paste it?

[KevinHu2014]

@GantMan
Yes ,exactly the same.
Here's my code

import React, { Component } from 'react';
import JailMonkey from 'jail-monkey';

import {
  AppRegistry,
  StyleSheet,
  Text,
  View
} from 'react-native';

class Fuck extends Component {
  render() {
    return (
      <View style={styles.container}>
        <Text style={styles.welcome}>
          IS JAIL BROKEN?
        </Text>
        <Text style={styles.instructions}>
          {JailMonkey.isJailBroken().toString()}
        </Text>
        <Text style={styles.welcome}>
          CAN MOCK LOCATION?
        </Text>
        <Text style={styles.instructions}>
          {JailMonkey.canMockLocation().toString()}
        </Text>
        <Text style={styles.welcome}>
          TRUST FALL?
        </Text>
        <Text style={styles.instructions}>
          {JailMonkey.trustFall().toString()}
        </Text>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF',
  },
  welcome: {
    fontSize: 20,
    textAlign: 'center',
    margin: 10,
  },
  instructions: {
    textAlign: 'center',
    color: '#333333',
    marginBottom: 5,
  },
});
AppRegistry.registerComponent('Fuck', () => Fuck);

[KevinHu2014]

@GantMan
Have you tried on Android?

[GantMan]

I know it works perfectly on Android in 0.27.2, I'll check on 0.30.0 now.

[GantMan]

I found your problem

here it is working on 0.30.0

If you use rnpm to link the library, it doesn't know about the update that happened in 0.29. rnpm actually is FAILING to link anything after 0.29.0, because it links the Activity in Java and not the Application (introduced in 0.29.0).

Looks like people will have to use react-native link if they are 0.29+. I'll add this to the README.

If you adjust your MainApplication.java to this, it will work for you:

package com.rnmonkey;

import android.app.Application;
import android.util.Log;

import com.facebook.react.ReactApplication;
import com.facebook.react.ReactInstanceManager;
import com.facebook.react.ReactNativeHost;
import com.facebook.react.ReactPackage;
import com.facebook.react.shell.MainReactPackage;
import com.gantix.JailMonkey.JailMonkeyPackage;

import java.util.Arrays;
import java.util.List;

public class MainApplication extends Application implements ReactApplication {

  private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) {
    @Override
    protected boolean getUseDeveloperSupport() {
      return BuildConfig.DEBUG;
    }

    @Override
    protected List<ReactPackage> getPackages() {
      return Arrays.<ReactPackage>asList(
          new MainReactPackage(),
          new JailMonkeyPackage()
      );
    }
  };

  @Override
  public ReactNativeHost getReactNativeHost() {
      return mReactNativeHost;
  }
}

[KevinHu2014]

@GantMan
Thanks for the help and this great Library.
I'm able to run on Android now.