react-native#NativeModules TypeScript Examples

getLocale = () => {
	if (Platform.OS === 'web') {
		return { lang: 'en', currency: 'USD' }
	}

	const locale =
		Platform.OS === 'ios'
			? NativeModules.SettingsManager.settings.AppleLocale
			: NativeModules.I18nManager.localeIdentifier
	if (locale === 'pl_PL') {
		return { lang: 'pl', currency: 'PLN' }
	}
	return { lang: 'en', currency: 'USD' }
}

function getSourceCodeScriptURL(): string | undefined | null {
  if (_sourceCodeScriptURL) {
    return _sourceCodeScriptURL;
  }

  let sourceCode = nativeExtensions && nativeExtensions.SourceCode;
  if (!sourceCode) {
    sourceCode = NativeModules && NativeModules.SourceCode;
  }
  _sourceCodeScriptURL = sourceCode.scriptURL;
  return _sourceCodeScriptURL;
}

componentDidMount() {
    NativeModules.MPCModule.splitShares(this.splitInput)
      .then((data: string) => {
        this.setState({
          splitOutput: data,
        });
      })
      .catch((err: any) => alert("err: " + err));

    NativeModules.MPCModule.joinShares(this.joinInput)
      .then((data: any) => {
        this.setState({
          joinOutput: data,
        });
      })
      .catch((err: any) => alert("err: " + err));
  }

languageDetactor = async () => {
    try{
        // Determine phone language
        let language = null;
        if (Platform.OS == 'ios')
            language = NativeModules.SettingsManager.settings.AppleLocale;
        else
            language = NativeModules.I18nManager.localeIdentifier;
        // Read language data
        let customData;
        if (language === 'tr_TR')
            customData = require(`../../assets/languages/tr.json`);
        else customData = require(`../../assets/languages/en.json`); 
        store.dispatch({ type: LANGUAGE, payload: customData });
        return;
    }catch(err){ return }
}

function getSystemLocale(): string {
  let locale;
  // iOS
  if (
    NativeModules.SettingsManager &&
    NativeModules.SettingsManager.settings &&
    NativeModules.SettingsManager.settings.AppleLanguages
  ) {
    locale = NativeModules.SettingsManager.settings.AppleLanguages[0];
    // Android
  } else if (NativeModules.I18nManager) {
    locale = NativeModules.I18nManager.localeIdentifier;
  }

  if (typeof locale === 'undefined') {
    console.log('Couldnt get locale');
    return 'en';
  }

  return locale;
}

/**
   * Read Contact Tracer service latest state
   *
   * Read state, set isServiceEnabled and call enable() to init
   */
  refreshTracerService() {
    NativeModules.ContactTracerModule.isTracerServiceEnabled()
      .then((enabled) => {
        this.setState({
          isServiceEnabled: enabled,
        })
        // Refresh Tracer Service Status in case the service is down
        if (enabled) return this.enable()
        else return ''
      })
      .then(() => {})
  }

Dirs: {
  /**
   * Temporary files. System/user may delete these if device storage is low.
   */
  CacheDir: string;

  /**
   * System recommended location for SQLite files.
   *
   * Android only.
   */
  DatabaseDir?: string;

  /**
   * Persistent data. Generally user created content.
   */
  DocumentDir: string;

  /**
   * Persistent app internal data.
   *
   * iOS & MacOS only.
   */
  LibraryDir?: string;

  /**
   * App's default root directory.
   */
  MainBundleDir: string;

  /**
   * Root path to removable media. Prefer `cpExternal()` when possible, as
   * Android discourages this access method.
   *
   * Android only.
   */
  SDCardDir?: string;
} = NativeModules.RNFileAccess?.getConstants()

constructor() {
		this.lnd = NativeModules.ReactNativeLightning;
		this.grpc = new GrpcAction(this.lnd);
		this.stateService = new StateService(this.grpc);
		this.walletUnlocker = new WalletUnlocker(this.grpc);
		this.logListeners = [];

		this.grpc.lndEvent.addListener(EStreamEventTypes.Logs, this.processLogListeners.bind(this));
	}

getActiveLocale = async () => {
  let locale = IS_IOS ? NativeModules.SettingsManager.settings.AppleLocale : NativeModules.I18nManager.localeIdentifier;

  if (locale === undefined) {
    // eslint-disable-next-line prefer-destructuring
    locale = NativeModules.SettingsManager.settings.AppleLanguages[0];
  }

  const activeLocale: string = (await AsyncStorage.getItem(CURRENT_LOCALE) || locale)?.substr?.(0, 2);

  if (activeLocale === 'iw') {
    return 'he';
  }

  return activeLocale;
}

{ItoBluetooth} = NativeModules

NativeGraphRequestManager = NativeModules.FBGraphRequest

{ APIClient: NativeAPIClient } = NativeModules

LoginManager = NativeModules.FBLoginManager

{ RNGiphyUI } = NativeModules

Settings = NativeModules.FBSettings

OnboardingHow: React.FC<{
  navigation: OnboardingHowScreenNavigationProp;
}> = ({navigation}) => {
  const {t} = useTranslation();

  return (
    <View style={global.container}>
      <Header />
      <View style={styles.explanationRow}>
        <Icon name="bluetooth" size={40} color="white" style={styles.icon} />
        <Text style={styles.explanation}>{t('onboardingHow.bluetooth')}</Text>
      </View>
      <View style={styles.explanationRow}>
        <Text style={styles.explanation}>{t('onboardingHow.smartphone')}</Text>
        <Icon name="smartphone" size={40} color="white" style={styles.icon} />
      </View>
      <View style={styles.explanationRow}>
        <Icon name="bell" size={40} color="white" style={styles.icon} />
        <Text style={styles.explanation}>{t('onboardingHow.bell')}</Text>
      </View>
      <View style={styles.explanationRow}>
        <Text style={styles.explanation}>{t('onboardingHow.shield2')}</Text>
        <ShieldIcon2
          style={styles.icon}
          height={68}
          width={68}
          viewBox="0 -32 120 180"
        />
      </View>
      <BasicButton
        title={t('onboardingHow.buttonTitleGetStarted')}
        onPress={async (): Promise<void> => {
          const granted = await PermissionsAndroid.request(
            PermissionsAndroid.PERMISSIONS.ACCESS_FINE_LOCATION,
            {
              title: 'We need your consent',
              message:
                'ito needs to have access to your location to find other ito devices.\n\n' +
                'This will allow others around you to see that you are running ito.',
              buttonPositive: 'Continue',
            },
          );
          if (granted === PermissionsAndroid.RESULTS.GRANTED) {
            NativeModules.ItoBluetooth.restartTracing();
          }
          navigation.navigate('HomeTour');
        }}
      />
    </View>
  );
}

ShareDialog = NativeModules.FBShareDialog

NativeAppearance = NativeModules.RNCAppearance

{ RNKeyboard: KBModule } = NativeModules

{ Detector } = NativeModules

{ GenericClient: NativeGenericClient } = NativeModules

AppLink = NativeModules.FBAppLink

{ WebSocketClient: NativeWebSocketClient } = NativeModules

{ KakaoShareLink } = NativeModules

/**
   * TODO: Restart app instead of reload.
   */
  reloadApp = () => {
    NativeModules.DevSettings.reload()
  }

getLocale = (): string => (Platform.OS === 'ios'
  ? NativeModules.SettingsManager.settings.AppleLocale
    || NativeModules.SettingsManager.settings.AppleLanguages[0] // iOS 13
  : NativeModules.I18nManager.localeIdentifier)

AuthenticationToken = NativeModules.FBAuthenticationToken

RNMSAL: RNMSALNativeModule = NativeModules.RNMSAL

{ StripeSdk } = NativeModules