Building an app with RN I use the following to receive user's location :

 navigator.geolocation.getCurrentPosition(
  (position) => {
   //do stuff with location
  },
  (error) => {
    //error or locaiton not allowed
  },
  {enableHighAccuracy: true, timeout: 20000, maximumAge: 1000}
);

Which immediately invokes the inquiry for user to accept geolocation permissions. What I'm trying to achieve now is to have an explicit screen before prompting user to click on a button to accept those permissions. In order to get there, I need some way to check if he has accepted those permissions before or not. Caching it in storage would be a bad solution - it might go out of sync if user changes permissions in settings.

How can I check if user has accepted geolocation permissions without triggering the permission alert?

I downloaded the recently released Xcode 11 beta version, and now I can't run my React-Native app on my simulator. I know there are some question on stack-overflow about this but they did'nt help. the problem is there is no

/node_modules/react-native/local-cli/runIOS/findMatchingSimulator.js

file at all. in the local-cli folder there is only one file named cli.js

'use strict';

var cli = require('@react-native-community/cli');

if (require.main === module) {
  cli.run();
}

module.exports = cli;

I've read a tonne of posts about this problem, most of them old so I'm creating a new posting good as of React Native v0.61.5

my problem: I'm retrieving a web page and the files it references, writing them to the app's Documents folder, and attempting to load these into a WebView. These events occur when the user clicks on a button and set the state appropriately

here's how I'm indicating the WebView:

<WebView 
  source={{html: this.state.html, baseUrl: this.state.baseUrl}}
  originWhitelist={['*']}
  allowFileAccessFromFileURLs
  allowFileAccess={true}
/>

and the content of the file. Please note that the logo resides in the same directory as the file that references it:

<h1>per aspera ad astra</h1>
<img src="logo.jpg"/>

the problem I'm having is that I can't see the image. it appears as a small blue image of a question mark. if I look at the baseUrl, it's set to:

file:///Users/ekkis/Library/Developer/CoreSimulator/Devices/9F96B01B-3C66-4ABA-96A5-B58049FB9212/data/Containers/Data/Application/735BD192-FC7B-4708-9973-64C3C9953A0D/Documents

...which seems correct. I'm running this on iOS

I have also tried (as suggested elsewhere):

  source={require(this.state.uri)}

but this fails (I get the error: "Error: TransformError App.js: App.js:Invalid call at line 62:require(this.state.uri)". it makes little sense as require cannot read HTML files but maybe there's supposed to be some black magic there that just isn't working for me. I've also tried simply setting the uri but it also doesn't work (and I can't set the baseUrl in that case)

I'm sure someone out there has done this. it's a base case for this component. I look forward to any guidance

Issue

I have implemented CodePush in react-native for both iOS and Android. CodePush not generating new jsBundle and returning old jsBundle. On debug mode it is work fine for both(ios-Android) but for release no changes are happening.

Expected Behavior

CodePush should generate new updated jsBundle and response new changes on release as same like debug.

Actual Behavior

CodePush not generating new jsBundle and returning old jsBundle.

This is my MainApplication.java

package <packageName>;

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

import com.airbnb.android.react.maps.MapsPackage;
import com.facebook.react.PackageList;
import com.facebook.hermes.reactexecutor.HermesExecutorFactory;
import com.facebook.react.bridge.JavaScriptExecutorFactory;
import com.facebook.react.ReactApplication;
import com.masteratul.RNAppstoreVersionCheckerPackage;
import com.reactnativecommunity.webview.RNCWebViewPackage;
import com.microsoft.codepush.react.CodePush;
import com.learnium.RNDeviceInfo.RNDeviceInfo;
import com.reactnativecommunity.netinfo.NetInfoPackage;
import org.devio.rn.splashscreen.SplashScreenReactPackage;
import org.wonday.pdf.RCTPdfView;
import com.RNFetchBlob.RNFetchBlobPackage;
import com.reactnativecommunity.asyncstorage.AsyncStoragePackage;
import com.airbnb.android.react.maps.MapsPackage;
import com.swmansion.reanimated.ReanimatedPackage;
import com.terrylinla.rnsketchcanvas.SketchCanvasPackage;
import com.swmansion.gesturehandler.react.RNGestureHandlerPackage;
import com.facebook.react.ReactNativeHost;
import com.facebook.react.ReactPackage;
import com.facebook.soloader.SoLoader;


import java.util.List;

public class MainApplication extends Application implements ReactApplication {

  private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) {
    @Override
    protected String getJSBundleFile(){
      return CodePush.getJSBundleFile();
    }

    @Override
    public boolean getUseDeveloperSupport() {
      return BuildConfig.DEBUG;
    }

    @Override
    protected List<ReactPackage> getPackages() {
      @SuppressWarnings("UnnecessaryLocalVariable")
      List<ReactPackage> packages = new PackageList(this).getPackages();

      return packages;
    }

    @Override
    protected String getJSMainModuleName() {
      return "index";
    }
  };

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

  @Override
  public void onCreate() {
    super.onCreate();
    SoLoader.init(this, /* native exopackage */ false);
  }
}



**This is my AppDelegate.m  ----->**

#import "AppDelegate.h"

#import <React/RCTBridge.h>
#import <React/RCTBundleURLProvider.h>
#import <React/RCTRootView.h>
#import <CodePush/CodePush.h>
@implementation AppDelegate

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{


  RCTBridge *bridge = [[RCTBridge alloc] initWithDelegate:self launchOptions:launchOptions];
  RCTRootView *rootView = [[RCTRootView alloc] initWithBridge:bridge
                                                   moduleName:@"<ProjectName>"
                                            initialProperties:nil];

  rootView.backgroundColor = [[UIColor alloc] initWithRed:1.0f green:1.0f blue:1.0f alpha:1];

  self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];
  UIViewController *rootViewController = [UIViewController new];
  rootViewController.view = rootView;
  [[IQKeyboardManager sharedManager] setEnableAutoToolbar:NO];
  [[IQKeyboardManager sharedManager] setEnable:YES];
  self.window.rootViewController = rootViewController;
  [self.window makeKeyAndVisible];
  [RNSplashScreen hide];
  return YES;
}

- (NSURL *)sourceURLForBridge:(RCTBridge *)bridge
{
#if DEBUG
  return [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index" fallbackResource:nil];
#else
  return [CodePush bundleURL];
#endif
}

@end

Environment

• react-native-code-push version: "^6.0.0"
• react-native version:"0.60.5"

Problem:

I am using KeyboardAvoidingView in ios with behavior="padding" but it's not working. My screen has four text input fields, which get hidden by keyboard as it opens.

Code:

Screen:

const Screen = () => {
    return (
        <SafeAreaView>
            <KeyboardAvoidingView behavior="padding">
                <TextInput style={styles.input} />
                <TextInput style={styles.input} />
                <TextInput style={styles.input} />
                <TextInput style={styles.input} />
            </KeyboardAvoidingView>
        </SafeAreaView>
    );
};

Text input styling:

input: {
    height: 100,
    borderWidth: 1,
    marginBottom: 60,
    borderColor: 'black',
    marginHorizontal: 30,
},

Expected behaviour:

KeyboardAvoidView should shift all the text input fields up as soon as keyboard opens up.

I have been having certain issues while trying to setup my Mac (OS:Catalina) for a React Native Development.

I have read multiple guides and tutorials as I am facing issues initializing a react native build (react-native init). I keep getting err lifecycle validation

Multiple articles suggest to download Homebrew and it might solve a lot of the issues related to package folders for node etc.

When I try installing Homebrew using the below link - /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

I get a message on my terminal : Curl: (7) Couldn't connect to server.

If I try to type in the address on the browser, I get the installation code which I saved on the Mac storage as install.rb Entering '/usr/bin/Ruby install' throws a prompt that the folder doesn't exist.

I already have Xcode and Xcode Command Line Tools installed.

I would appreciate any help I can get on how I can just prepare my system for learning react native development for iOS. I am at a bit of 'no clue what I am doing wrong' phase.

I am using push notification service in my app. When app is in background I am able to get notification on notification screen(screen shown when we swipe down from top of iOS device) or when I close my app afterward, But if application is open I can't even get/see the notification. please if anybody know how to solve this any help would be appreciate.

Well this question might not be directly related to any code issues but would like to know what is the general way in which we can have different environment configs for different build types.

In my case, I am looking for three different build types: DEBUG, STAGING, RELEASE where each build type should use different API_BASE_URL and some other keys. I have seen few react-native modules out there such as react-native-config but they seem to be unmaintained as there is a long list of issues unresolved.

App center is also another choice but comes with limitations in the free tier and the paid plan is out of my reach.

So, I would like to know what approaches do app developers usually take to achieve what I am looking for, keeping in mind the 12 factors and also how do I set the build types?

Please give me the solution. its not detecting beacons in ios. I have also tried with this version ("react-native-beacons-manager": "git://github.com/MacKentoch/react-native-beacons-manager.git#53c1bda",) but no luck.

I'm working on react-native project (main target is iPhone 6) and got some problems with including new elements in accessibility chain. For some reasons Voice Over does not update when new element appears after re-rendering. The problem occurs only when app does something asynchronously. Here is my code:

export default class SmartView extends Component {
  constructor(props) {
    super(props)
    this.state = {
      showButton: false,
    }
  }

  showButton = () => {
    setTimeout(() => {
      this.setState({ showButton: true })
    }, 500)
  }

  render() {
    const { showButton } = this.state
    return (
      <View style={style.root}>
        <Button
          onPress={this.showButton}
          accessibilityRole="button"
          accessibilityTraits="button"
          accessibilityLabel="appeared"
          accessible
          simple
        >
          <Text>Appeared</Text>
        </Button>
        {showButton && (
          <Button
            accessibilityRole="button"
            accessibilityTraits="button"
            accessibilityLabel="appeared"
            accessible
            simple
          >
            <Text>Hidden</Text>
          </Button>
        )}
      </View>
    )
  }
}

So, if I remove setTimeout and do state updating in current js stream, everything work fine. Is there any possibility to make something like VoiceOverReload()?

I use: react-native v0.59.9 and iPhone 6, software version 12.4

Thanks.

Getting error while uploading to store:

This bundle does not support one or more of the devices supported by the previous app version. Your app update must continue to support all devices previously supported. You declare supported devices in Xcode with the Targeted Device Family build setting. Refer to QA1623 for additional information: https://developer.apple.com/library/ios/#qa/qa1623/_index.html

I recreated my app from expo to pure react native. Previously I was using expo and was able to push the app to stores.

I have checked the bundle id for my project. That is also correct.

I am wanting to develop an app where a user can select different gamepacks to install on their android or ios device. A gamepack will consist of:

• one or more JSON files
• images
• sounds

Right now I'm not really concerned if these are transferred individually or in a zip file (though a zip file would certainly be preferred). Of course the device will need to be connected to the Internet to get the current list of gamepacks and to download the ones that the user chooses. Once the gamepacks are downloaded to the phone the user will not need an Internet connection to play the game as they will have all the files.

How do I go about implementing this in my project?

How do I download the files? Would I use the react-native-fetch-blob library and save it in a specific location? This library refers to saving it as "cache" rather than permanently, so I am not sure if this is the correct solution. The specific section I am looking at on the library page is "Use Specific File Path". But because it is cache, should I be looking for something else that is more of a longer term storage? It does say on the page that files will not be deleted so I am a bit confused as to what the difference between permanent storage and cache is in this case.

Once the files are downloaded would I then be able to open images and display them, open sound files and play them, and open the json files and process them?

There are various resources on deep linking with react native. However, I have a react app inside an IOS app and I'm not using React Native. How can I get a deep linking to work in that situation?

I have tried something like this:

import React                                                                    from 'react';
import ReactDOM                                                                 from 'react-dom';
import App                                                                      from './App';
import { BrowserRouter, Route, Switch }                                         from 'react-router-dom'
import Login                                                                    from './Components/Login'
import iosDeepLink                                                              from './Components/iosDeepLink'

ReactDOM.render(
    <BrowserRouter>
    <div>
        <Switch>
            <Route exact path="/login" component={Login} />
            <Route exact path="/apple-app-site-association" component={iosDeepLink}/>
            <Route path="/" component={App} />
        </Switch>
    </div>
    </BrowserRouter>
, document.getElementById('root'));

Where Browser Router redirects association URL to component iosDeepLink:

import React, { Component } from 'react';

export default class DeepLink extends Component {
  render() {
    return '{"applinks":{"apps":[]"details":[{"appID": "MYTEAMCODE.MYCOMP.MYAPP","paths":["*"]}]}}';
  }
}

not working. I guess it's because there are the other divs and structures that react produces to get to that scene, and it's not just plain text of the association file.

I used this website to verify, and I got these two errors:

1. Your file's 'content-type' header was not found or was not recognized.
2. JSON test did not run. Your file should contain valid JSON.

I am using axios to post some data to server in react native but i am having an issue my code is running well in IOS but i am having few issue with the android case. Here is my code , have a look on it.

login = () => {
    const { username, password } = this.state;
    let reg = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
    if (username == "") {
      //alert("Please enter Email address");
      this.setState({ email: "Please enter Email address" });
    } else if (reg.test(username) === false) {
      //alert("Email is Not Correct");
      this.setState({ email: "Email is Not Correct" });
      return false;
    } else if (password == "") {
      this.setState({ email: "Please enter password" });
    } else {
      this.openProgressbar();
      axios
        .post(
          CONSTANT.BaseUrl + "user/do-login",
          {
            email: username,
            password: password
          }
        )
        .then(async (response) => {
          if (response.data.type == "success") {
            await AsyncStorage.setItem(
              "full_name",
              response.data.profile.pmeta.full_name
            );
            await AsyncStorage.setItem(
              "user_type",
              response.data.profile.pmeta.user_type
            );
            await AsyncStorage.setItem(
              "profile_img",
              response.data.profile.pmeta.profile_img
            );
            await AsyncStorage.setItem(
              "profileBanner",
              response.data.profile.pmeta.banner_img
            );
            await AsyncStorage.setItem(
              "profileType",
              response.data.type
            );
            await AsyncStorage.setItem(
              "projectUid",
              response.data.profile.umeta.id
            );
            await AsyncStorage.setItem(
              "projectProfileId",
              JSON.stringify(response.data.profile.umeta.profile_id)
            );
            this.setState({ isProgress: false })
            RNRestart.Restart();
          } else if (response.data.type == "error") {
            this.setState({ isProgress: false });
            alert("Please Check Your Email / Password or Check Network ");
          }
        })
        .catch(error => {
          console.log(error);
        });
    }
    Keyboard.dismiss();
  };

In the IOS case it is moving in .then after response but in ANDROID it is going in .catch

Android work perfect but ios get error.

Version : "react": "16.9.0", "react-native": "0.61.5", Steps Followed :

• npm install react-native-beacons-manager --save
• cd ios && pod install

Getting the following error : [!] use_native_modules! skipped the react-native dependency 'react-native-beacons-manager'. No podspec file was found. - Check to see if there is an updated version that contains the necessary podspec file - Contact the library maintainers or send them a PR to add a podspec. The react-native-webview podspec is a good example of a package.json driven podspec. See https://github.com/react-native-community/react-native-webview/blob/master/react-native-webview.podspec - If necessary, you can disable autolinking for the dependency and link it manually. See https://github.com/react-native-community/cli/blob/master/docs/autolinking.md#how-can-i-disable-autolinking-for-unsupported-library

I am trying to run an old application which I am able to run on my android device however when running on iOS, the app crashes after showing the splash screen and keeps stuck on the splash screen. Have tried a lot of fixes from here and there but not able to fix.

react-native-cli: 2.0.1 react-native: 0.54.2

I am also using the "@mapbox/react-native-mapbox-gl": "^6.1.2-beta2", which might be causing this issueenter image description here

Platform iOS

OS version iOS 9

Steps to reproduce

• npm react-native-beacons-manager
• react-native link react-native-beacons-manager
• pod install

Actual behavior iOS gives me the error:

In pod install: 'No podspeec found in this path" Xcode error: 'React/RCTBridge.h' file not found, In simulator getting this error: 'Null is not an object in Beacons.requestWhenInUseAuthorization();"

• "react": "16.9.0",
• "react-native": "0.61.5",
• "react-native-beacons-manager": "^1.0.7"

Someone can help me?

import React from 'react';
import {
Dimensions,
ImageBackground,
TouchableOpacity,
View,
StatusBar,
Platform,
Alert,
DeviceEventEmitter
} from 'react-native';
import Pulse from 'react-native-pulse';
import _map from 'lodash/map';
import Reactotron from 'reactotron-react-native';
import ScalableText from 'react-native-text';
import { connect } from 'react-redux';
import RNModal from 'react-native-modal';
import { NavigationEvents } from 'react-navigation';
import Icon from 'react-native-vector-icons/Ionicons';
import _filter from 'lodash/filter';
import _intersectionBy from 'lodash/intersectionBy';
import _forEach from 'lodash/forEach';
import Beacons from 'react-native-beacons-manager';

class PulseScreen extends React.Component {

startBeacon = () => {
	if (Platform.OS === 'ios') {
		Reactotron.log('iosPLatform');
		const region = {
			identifier: 'estimote',
			uuid: '1a9f0cfb7d4bfc0e3071bffe2455261e'
		};
		Beacons.requestAlwaysAuthorization();
		Beacons.startRangingBeaconsInRegion(region)
			.then((data) => {
				Alert.alert('', `Beacons monitoring started!`);
			})
			.catch((error) => {
				Alert.alert('', `Beacons start error! IOS`);
			});
		DeviceEventEmitter.addListener('beaconsDidRange', (data) => {
			Alert.alert('', 'beacons monitering started')
			if (data.beacons.length) {
				this.setState({ detectedBeacons: data.beacons });
				Alert.alert(`Found beacons!`, JSON.stringify(data.beacons));
			}
		});

		Beacons.startUpdatingLocation();
	}
	else {
		Reactotron.log('else');
		Beacons.detectIBeacons();
		Beacons.detectAltBeacons();
		Beacons.detectEstimotes();
		Beacons.detectEddystoneUID();
		Beacons.detectEddystoneTLM();
		Beacons.detectEddystoneURL();
		Beacons.startRangingBeaconsInRegion('REGION1')
			.then((data) => {
				Alert.alert('', `Beacons monitoring started!`);
			})
			.catch((error) => {
				Alert.alert('', `Beacons start error!`);
			});
		DeviceEventEmitter.addListener('beaconsDidRange', (data) => {
			if (data.beacons.length) {
				this.setState({ detectedBeacons: data.beacons });
				Alert.alert(`Found beacons!`, JSON.stringify(data.beacons));
			}
		});
	}
};

render() {
	const { nearbyStores } = this.state;
	const { beaconList } = this.props;

	return (
		<View><NavigationEvents
				onWillFocus={() => {
					StatusBar.setBarStyle('light-content', true);
					if (beaconList.length) {
						this.startBeacon();
					}
				}}
				onWillBlur={() => {
					if (beaconList.length) {
						Beacons.stopRangingBeaconsInRegion('REGION1')
							.then(() => {
								Alert.alert('', `Beacons monitoring stopped succesfully!`);
							})
							.catch((error) => {
								Alert.alert(`Beacons stop error!`);
							});
					}
					StatusBar.setBarStyle('dark-content', true);
				}}
			/>

I'm working on my react native application and i'm sending push notifications using firebase :

in my component i imported librairies :

import firebase from '@react-native-firebase/app'
import messaging from '@react-native-firebase/messaging'

I add native configuration to receive notification in foreground and background mode for IOS and Android.

Now i want to add a click action to redirect to specific component .

I use Postman to send POST request with custom data :

    {
 "to" : "ceWTvUKphPk:APA91bG6CMyiHZfNnpIs76QyThECegzztWe5hjp05jrKU8ImyWwarprqRYFlY3Hry_Xbv0EV0W76PEgHf7ssMzJbaTOzGvmoZthZnWOm9ZGcpwtZ0ubcHY-ps-9yl-sdM-aGrh1bGbrn",
 "notification" : {
 "body" : "un nouveau partage",
 "title" : "un partage de contact reçu",
 "priority" : "high",
 "vibration":true,
 "sound": "Enabled",
 "badge":1,
 "requireInteraction": true,
 "click_action": "ACTION",
 },
 "data" : {
 "body" : "nouvelle opportunité",
 "title" : "un nouveau partage""content_available" : true,
 "priority" : "high",
 } 
}

How can i create a click action and handle this action for both IOS and Android

We are using deep links to complete verification for an app we're working on. Said deep links cause the app delegate method:

- (BOOL)application:(UIApplication *)application
   openURL:(NSURL *)url
   options:(NSDictionary<UIApplicationOpenURLOptionsKey,id> *)options
{

To be called. This app is using React Native, using the in-build Linking API. Some of the time making a network request when we get the Linking callback works, but sometimes we get a networking error:

Task <D47D1F90-E2D1-4AB7-8706-8737B68CC5E8>.<180> finished with error [-1005] Error Domain=NSURLErrorDomain Code=-1005 "The network connection was lost." UserInfo={_kCFStreamErrorCodeKey=53, NSUnderlyingError=0x283352ac0 {Error Domain=kCFErrorDomainCFNetwork Code=-1005 "(null)" UserInfo={NSErrorPeerAddressKey=<CFData 0x281ed9130 [0x1e9babcb0]>{length = 16, capacity = 16, bytes = 0x100201bb34d2847e0000000000000000}, _kCFStreamErrorCodeKey=53, _kCFStreamErrorDomainKey=1}}, _NSURLErrorFailingURLSessionTaskErrorKey=LocalDataTask <D47D1F90-E2D1-4AB7-8706-8737B68CC5E8>.<180>, _NSURLErrorRelatedURLSessionTaskErrorKey=(
    "LocalDataTask <D47D1F90-E2D1-4AB7-8706-8737B68CC5E8>.<180>"

I've had a pretty extensive google and it seems to be suggested that this can be caused when a network request is made in the background, however Apple quite clearly state in the docs for this method:

If a URL arrives while your app is suspended or running in the background, the system moves your app to the foreground prior to calling this method.

Is there something we shouldn't be doing here? Has anyone else seen similar issues?

Update

It seems this works fine first time the link is opened after app-launch, but subsequent calls fail. Nothing seems to be called in a different order, so it's very confusing why we'd see this sort of pattern!

I'm migrating from react-native-firebase v5 to v6. When i run the app in xcode i get this error:

Please note i've tried some pointed solutions i found for this error (like adding $(inherited) to the Framework Search Paths but with no result.

here is a part of my dependencies:

"dependencies": {
    "@babel/core": "7.7.7",
    "@babel/preset-env": "7.7.7",
    "@react-native-community/async-storage": "1.6.1",
    "@react-native-community/netinfo": "4.4.0",
    "@react-native-community/push-notification-ios": "1.0.3",
    "@react-native-firebase/app": "6.3.4",
    "abortcontroller-polyfill": "1.4.0",
    "buffer": "5.2.1",
    "i18next": "14.0.1",
    "jetifier": "1.6.4",
    "moment": "2.24.0",
    "react": "16.8.6",
    "react-i18next": "9.0.8",
    "react-native": "0.60.0"