currently trying to upgrade react-native to 0.61.5 from 0.59.10 and faced this error:

ld: library not found for -lRCTBlob

clang: error: linker command failed with exit code 1 (use -v to see invocation)

I've tried pod install, pod install --repo-update, pod update and that:

1. Clear the cache of pod with:

   1.1 rm -rf ~/Library/Caches/CocoaPods

   1.2 rm -rf Pods

   1.3 rm -rf ~/Library/Developer/Xcode/DerivedData/*

   1.4 pod deintegrate

   1.5 pod setup

2. And delete the project's Pods directory. The location of it is project directory > ios > Pods.
3. Then in the project directory > ios location, install pod with pod install
4. And react-native run-ios in project directory.

Any help welcome!

I am using Accessibility with VoiceOver in my app. The problem is when i am using the accessibilityViewIsModal property with a Modal and the Modal is opened, VoiceOver reads the content behind the Modal. According to the documentation:

in a window that contains sibling views A and B, setting accessibilityViewIsModal to true on view B causes VoiceOver to ignore the elements in the view A. On the other hand, if view B contains a child view C and you set accessibilityViewIsModal to true on view C, VoiceOver does not ignore the elements in view A.

tried to do so but no success.

This is my code :

import React from 'react';
import Button from 'react-native-button';
import Modal from 'react-native-modalbox';
import Slider from 'react-native-slider';

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

var screen = Dimensions.get('window');

class AccessibilityApp extends React.Component {

  constructor() {
    super();
    this.state = {
      isOpen: false,
      isDisabled: false,
      swipeToClose: true,
      sliderValue: 0.3
    };
  }

  onClose() {
    console.log('Modal just closed');
  }

  onOpen() {
    console.log('Modal just openned');
  }

  onClosingState(state) {
    console.log('the open/close of the swipeToClose just changed');
  }

  renderList() {
    var list = [];

    for (var i=0;i<50;i++) {
      list.push(<Text style={styles.text} key={i}>Elem {i}</Text>);
    }

    return list;
  }

  render() {
    var BContent = <Button onPress={() => this.setState({isOpen: false})} style={[styles.btn, styles.btnModal]}>X</Button>;

    return (
      <View style={styles.wrapper}>
          <Button onPress={() => this.refs.modal3.open()} style={styles.btn}>Position centered + backdrop + disable</Button>
        <Modal accessibilityViewIsModal={true} style={[styles.modal, styles.modal3]} position={"center"} ref={"modal3"} isDisabled={this.state.isDisabled}>
          <Text style={styles.text}>Modal centered</Text>
          <Button onPress={() => this.setState({isDisabled: !this.state.isDisabled})} style={styles.btn}>Disable ({this.state.isDisabled ? "true" : "false"})</Button>
        </Modal>
      </View>
    );
  }

}

const styles = StyleSheet.create({

  wrapper: {
    paddingTop: 50,
    flex: 1
  },

  modal: {
    justifyContent: 'center',
    alignItems: 'center'
  },

  modal2: {
    height: 230,
    backgroundColor: "#3B5998"
  },

  modal3: {
    height: 300,
    width: 300
  },

  btn: {
    margin: 10,
    backgroundColor: "#3B5998",
    color: "white",
    padding: 10
  },

  btnModal: {
    position: "absolute",
    top: 0,
    right: 0,
    width: 50,
    height: 50,
    backgroundColor: "transparent"
  },

  text: {
    color: "black",
    fontSize: 22
  }

});

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

and this is the screenshot:

I am having trouble using live reload or hot reloading function on an old react native app version 59.9 running on iOS 13.3 with the latest version of Xcode.

The problem seems to be that a module gets initialised twice at each reload. I should mention that I've recently started to work on this project again and the hot reloading and live reload where working before.

Any idea where this issue could be coming from ?

the error I get is

The callback register() exists in module Pushwoosh, but only one callback may be registered to a function in a native module.

__invokeCallback
    MessageQueue.js:395:18
<unknown>
    MessageQueue.js:127:28
__guard
    MessageQueue.js:314:10
invokeCallbackAndReturnFlushedQueue
    MessageQueue.js:126:17
invokeCallbackAndReturnFlushedQueue
    [native code]:0

I have ScrollView inside of KeyboardAwareScrollView(or KeyboardAvoidingView) and I have two components inside. But, whenever the keyboard is invoked, the two components overlap:

<KeyboardAwareScrollView
    style={{ flex: 1 }}
>
    <SafeAreaView style={styles.container} >
        <ScrollView
            contentContainerStyle={styles.container}
            style={{ flexGrow: 1 }}
            showsVerticalScrollIndicator={false}
        >
            <View style={styles.photo}>
                <ImageUpload />
            </View>
            <View style={styles.form}>
                <Form
                    submitHandler={submitHandler}
                    loading={loading}
                />
            </View>
        </ ScrollView>
    </SafeAreaView>
</KeyboardAwareScrollView>

How do I prevent the two components, Form and ImageUpload, from overlapping when the keyboard appears?

The style for the components is as follows:

    container: {
        flex: 1,
        alignItems: 'center',
        justifyContent: 'center',
        width: width - 20,
        marginTop: 10,
    },
    photo: {
        flex: 1,
        width: "100%",
        alignItems: 'center',
        justifyContent: 'center',
    },
    form: {
        flex: 2,
        width: "100%",
    },

I am building a native module locally. To test the changes I make to the native module I am using a local app which has a dependency on the local module. The problem I am facing is the whenever I try to run the ios app, I get an error saying "Native Module can not be null"

Native Module:

package.json:

"name": "my-package-name",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "types": "index.d.ts",
  "scripts": {
    "test": "jest --coverage"
  },
  "keywords": [
    "react-native"
  ],
  "author": "AwesomeAuthor",
  "peerDependencies": {
    "react": "^16.8.6",
    "react-native": "^0.60.0"
  },
  "devDependencies": {
    "babel-jest": "23.0.1",
    "babel-preset-react-native": "4.0.0",
    "jest": "23.1.0",
    "jshint": "^2.9.5",
    "react": "16.8.6",
    "react-native": "0.60.0",
    "react-test-renderer": "16.8.6"
  },
  "jest": {
    "preset": "react-native",
    "coverageDirectory": "coverage",
    "collectCoverageFrom": [
      "**/*.{js,jsx}",
      "!**/coverage/**/*.{js,jsx}"
    ],
    "collectCoverage": true,
    "coverageThreshold": {
      "global": {
        "lines": 95
      }
    }
  }
}

Podspec file:

Pod::Spec.new do |s|
  s.name         = "MyPackageName"
  s.version      = "0.0.1"
  s.summary      = "MyPackageName"
  s.description  = <<-DESC
                  MyPackageName
                   DESC
  s.homepage     = "https://www.mypackagename.com"
  s.platform     = :ios, "8.0"
  s.source_files  = "MyPackageName/**/*.{h,m}"
  s.requires_arc = true
  s.authors =  { 'Some Author' => 'someauthor@gmail.com' }
  s.source            = { :http => 'file:' + __dir__ + '/MyPackageName.zip' }
  s.dependency "React"
end

AwesomeProject package.json

{
  "name": "AwesomeProject",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "start": "react-native start",
    "test": "jest",
    "lint": "eslint ."
  },
  "dependencies": {
    "react": "16.8.6",
    "react-native": "0.60.0",
    "my-package-name": "file:../my-package-name",
    "react-native-reanimated": "1.4.0",
    "react-native-segmented-control-tab": "^3.4.1",
    "react-native-uuid-generator": "6.1.1"
  },
  "devDependencies": {
    "@babel/core": "7.7.5",
    "@babel/runtime": "7.7.6",
    "@react-native-community/eslint-config": "0.0.3",
    "babel-jest": "24.9.0",
    "eslint": "6.7.2",
    "jest": "24.9.0",
    "metro-react-native-babel-preset": "0.54.1",
    "react-test-renderer": "16.8.6"
  },
  "jest": {
    "preset": "react-native"
  }
}

App.js

import {
  Platform,
  StyleSheet,
  Text,
  View,
  Button,
  TextInput,
  ScrollView,
  Switch,
  FlatList,
  TouchableOpacity,
  Alert,
} from 'react-native';
import SegmentedControlTab from 'react-native-segmented-control-tab';
import MyPackageName from 'my-package-name';

Podfile for AwesomeProject

platform :ios, '9.0'
require_relative '../node_modules/@react-native-community/cli-platform-ios/native_modules'

target 'AwesomeProject' do
  # Pods for AwesomeProject
  pod 'React', :path => '../node_modules/react-native/'
  pod 'React-Core', :path => '../node_modules/react-native/React'
  pod 'React-DevSupport', :path => '../node_modules/react-native/React'
  pod 'React-fishhook', :path => '../node_modules/react-native/Libraries/fishhook'
  pod 'React-RCTActionSheet', :path => '../node_modules/react-native/Libraries/ActionSheetIOS'
  pod 'React-RCTAnimation', :path => '../node_modules/react-native/Libraries/NativeAnimation'
  pod 'React-RCTBlob', :path => '../node_modules/react-native/Libraries/Blob'
  pod 'React-RCTImage', :path => '../node_modules/react-native/Libraries/Image'
  pod 'React-RCTLinking', :path => '../node_modules/react-native/Libraries/LinkingIOS'
  pod 'React-RCTNetwork', :path => '../node_modules/react-native/Libraries/Network'
  pod 'React-RCTSettings', :path => '../node_modules/react-native/Libraries/Settings'
  pod 'React-RCTText', :path => '../node_modules/react-native/Libraries/Text'
  pod 'React-RCTVibration', :path => '../node_modules/react-native/Libraries/Vibration'
  pod 'React-RCTWebSocket', :path => '../node_modules/react-native/Libraries/WebSocket'

  pod 'React-cxxreact', :path => '../node_modules/react-native/ReactCommon/cxxreact'
  pod 'React-jsi', :path => '../node_modules/react-native/ReactCommon/jsi'
  pod 'React-jsiexecutor', :path => '../node_modules/react-native/ReactCommon/jsiexecutor'
  pod 'React-jsinspector', :path => '../node_modules/react-native/ReactCommon/jsinspector'
  pod 'yoga', :path => '../node_modules/react-native/ReactCommon/yoga'

  pod 'DoubleConversion', :podspec => '../node_modules/react-native/third-party-podspecs/DoubleConversion.podspec'
  pod 'glog', :podspec => '../node_modules/react-native/third-party-podspecs/glog.podspec'
  pod 'Folly', :podspec => '../node_modules/react-native/third-party-podspecs/Folly.podspec'


  target 'AwesomeProjectTests' do
    inherit! :search_paths
    # Pods for testing
  end

  use_native_modules!
end

target 'AwesomeProject-tvOS' do
  # Pods for AwesomeProject-tvOS

  target 'AwesomeProject-tvOSTests' do
    inherit! :search_paths
    # Pods for testing
  end

end

Tried react-native link but that did not work too.

I thought like if I give width: 10, it will look the same in all devices since it occupied the same amount of area (because in 160dpi, 10dp = 10px, 320dpi 10dp = 20px but occupies same area in an inch)).I think my understanding is wrong. Share your thoughts on Responsive design and how to approach responsive font size as well. Thanks.

I'm trying to understand if there is any permission needs to be granted when an app try to access iCloudDrive (In my case: READ only access is needed)? From the documentation and the archive document, I understand client does not require to request any permission in accessing the files.

In my case:

I'm using react-native-document-picker in my application. At the moment, I can access iCloudDrive without any permission request. Finding this weird since we are accessing the documents from user, why isn't there a permission request?

Hopefully to get a bigger picture here.

We’re using the Google Sign-in SDK on a React Native app (via the eact-native-google-signin library). We got cases (not often though) where users fail to login when their iPhone is set to use mobile data, but succeeds when on wi-fi. The problem only occurs during the sign-in phase – other than that, everything works well also on mobile data

The error we see shows Domain=NSURLErrorDomain Code=-1009 "The Internet connection appears to be offline.", but according to them, their internet does seem to be fine. Also, as mentioned, the app works well beside that also on mobile data

Any idea?

Environment

device: iPhone X OS: iOS 13.2.3 React Native: 0.59.10 react-natove-google-signin: JS: 1.2.1, pod/iOS: 4.4.0

Hi I am trying to achieve scrollview snap to center like below gif link

Check This Gif

But unable to do so. Following is my react native code to achieve this.

or is there any method to scroll to particular index of scrollview elements like android ?

Any help would be appreciated. Thanks in advance

<ScrollView
  style={[styles.imgContainer,{backgroundColor:colorBg,paddingLeft:20}]}
  automaticallyAdjustInsets={false}
  horizontal={true}
  pagingEnabled={true}
  scrollEnabled={true}
  decelerationRate={0}
  snapToAlignment='center'
  snapToInterval={DEVICE_WIDTH-100}
  scrollEventThrottle={16}
  onScroll={(event) => {
    var contentOffsetX=event.nativeEvent.contentOffset.x;
    var contentOffsetY=event.nativeEvent.contentOffset.y;

    var  cellWidth = (DEVICE_WIDTH-100).toFixed(2);
    var cellHeight=(DEVICE_HEIGHT-200).toFixed(2);

    var  cellIndex = Math.floor(contentOffsetX/ cellWidth);

    // Round to the next cell if the scrolling will stop over halfway to the next cell.
    if ((contentOffsetX- (Math.floor(contentOffsetX / cellWidth) * cellWidth)) > cellWidth) {
      cellIndex++;
    }

    // Adjust stopping point to exact beginning of cell.
    contentOffsetX = cellIndex * cellWidth;
    contentOffsetY= cellIndex * cellHeight;

    event.nativeEvent.contentOffsetX=contentOffsetX;
    event.nativeEvent.contentOffsetY=contentOffsetY;

    // this.setState({contentOffsetX:contentOffsetX,contentOffsetY:contentOffsetY});
    console.log('cellIndex:'+cellIndex);

    console.log("contentOffsetX:"+contentOffsetX);
      // contentOffset={{x:this.state.contentOffsetX,y:0}}
  }}
>
  {rows}

</ScrollView>

I added react-native-maps version ^0.25.0 to my react native application it works well on android but is not the case on ios, didn't work when run project I get this error:

clang: error: no such file or directory: '/Users/hanae/myproject/node_modules/react-native-maps/lib/ios/AirGoogleMaps/AIRGoogleMapHeatmapManager.m'
clang: error: no input files

thank you,

I built this app: https://play.google.com/store/apps/details?id=com.FindNewMusic_Vakil

But ios keeps rejecting me for following reason:

Guideline 4.2.3 - Design - Minimum Functionality


We were required to install Spotify before we could use your app. Apps should be able to run on launch, without requiring additional apps to be installed.

Next Steps

To resolve this issue, please revise your app to ensure that users can use it upon launch. If your app requires authentication before use, please use methods that can authenticate users from within your app.

Even though I added another functionality which enables you to view artist in app (following pics). Any ideas of what I should do to get app to be approved because I am lost at this point

Actual Behaviour :

I am supposed to implement signature pad in landscape-right mode along with a timestamp of signature drawn. Then take a screenshot of the view, and save it in document directory (iOS) or external directory (android) in portrait mode by rotating it. I was successful in implementing signature screen in landscape-right mode using tranform: [{rotate: '90deg"}] css property, and react-native-signature-capture, save the captured screenshot of signature along with the timestamp of signature drawn in local directory using react-native-view-shot and convert it into base64 format using react-native-fs. But the saved screenshot is not in portrait mode and i'm trying to rotate the image while saving it in document directory (iOS) or external directory (android) without using any modules. I also tried rotating the image while saving it using canvas context API but could not find way to access canvas in react-native to rotate image while saving it as canvas is HTML DOM related.

Expected Behaviour :

I'm supposed to save the signature drawn along with timestamp in document directory (iOS) or external directory (android) in portrait mode as shown in below screenshot. Can someone help me please. Thanks in advance.

Additional Resources :

Code :

render() {
  return (
    <View
    style={{
      flex: 1,
      flexDirection: 'row',
      overflow: "hidden",
    }}>
    <StatusBar hidden={true} />
    <View
      style={{
        flex: 0.8,
        flexDirection: 'row-reverse',
        marginVertical: width / 18,
        overflow: "hidden",
      }}>
      <ViewShot
        ref="viewShot"
        style={[styles.viewShot, { transform: [{ rotate: this.state.bool && '90deg' }] }]}>
        {/* options={{ width: height, height: width }}> */}
        <SignatureCapture
          style={styles.signature}
          ref={sign => (this.signComponent = sign)}
          onSaveEvent={this._onSaveEvent}
          onDragEvent={this._onDragEvent}
          saveImageFileInExtStorage={true}
          showNativeButtons={false}
          showTitleLabel={false}
          showBorder={false}
          viewMode={'portrait'}
          square={true}
          backgroundColor={"white"}
          maxSize={800}
          rotateClockwise={!!true}
        />
        <View
          ref="timeRef"
          style={{
            width: width / 10,
            height: width / 3,
            justifyContent: 'flex-end',
            flexDirection: 'row-reverse',
          }}>
          <View
            style={{
              width: width / 1.8,
              height: width / 1.8,
              transform: [{ rotate: '-90deg' }],
              overflow: "hidden",
              paddingLeft: width / 18,
              paddingTop: width / 25
            }}>
            <Text style={styles.time}>{this.state.data}</Text>
          </View>
        </View>
      </ViewShot>
      <Image
        ref="imageRef"
        source={{ uri: this.state.imageUri }}
        style={{ transform: [{ rotate: '90deg' }] }}
      />
    </View>
    <View
      style={{
        flex: 0.2,
        alignItems: 'center',
        justifyContent: 'space-around',
        flexDirection: 'column',
        overflow: "hidden",
        backgroundColor: Colors.white,
      }}>
      <View
        style={{
          backgroundColor: Colors.darkGreen,
          width: width / 2,
          justifyContent: 'center',
          alignItems: 'center',
          paddingRight: width / 25,
          paddingVertical: width / 37.5,
          transform: [{ rotate: '-90deg' }],
          overflow: "hidden",
        }}>
        <TouchableOpacity
          hitSlop={{ top: 30, left: 50, right: 50, bottom: 30 }}
          onPress={() => {
            this.saveSign();
          }}>
          <Text style={{ fontSize: width / 18, color: Colors.white }}>Submit </Text>
        </TouchableOpacity>
      </View>
      <View
        style={{
          backgroundColor: '#5476ab',
          width: width / 2,
          justifyContent: 'center',
          alignItems: 'center',
          paddingVertical: width / 37.5,
          transform: [{ rotate: '-90deg' }],
          overflow: "hidden",
        }}>
        <TouchableOpacity
          hitSlop={{ top: 30, left: 50, right: 50, bottom: 30 }}
          onPress={() => {
            this.resetSign();
          }}>
          <Text style={{ fontSize: width / 18, color: Colors.white }}>Clear</Text>
        </TouchableOpacity>
      </View>
      <View
        style={{
          backgroundColor: '#73c5de',
          width: width / 2,
          justifyContent: 'center',
          alignItems: 'center',
          paddingVertical: 10,
          transform: [{ rotate: '-90deg' }],
        }}>
        <TouchableOpacity
          hitSlop={{ top: 30, left: 50, right: 50, bottom: 30 }}
          onPress={() => {
            this.onCancel();
          }}>
          <Text style={{ fontSize: width / 18, color: Colors.white }}>Cancel</Text>
        </TouchableOpacity>
      </View>
    </View>
  </View>

); }

_onSaveEvent(result) {

this.setState({ signature: result.pathName, 
                markResult: result.encoded });

}

_onDragEvent() {

this.setState({ dragged: true });

}

saveSign() {

if (this.state.dragged === true) {
  this.setState({ bool: true });
  this.refs.viewShot.capture().then(uri => {
    this.setState({ imageUri: uri });
    console.log("uri123", uri);
     RNFS.readFile(this.state.imageUri, 
      'base64').then(image => {
      console.log("image123", image);
      this.setState({ sign: image }, () => {
        this.ChangeOrientation();
      });
    });
   });
  } else {
  Alert.alert('NALG', 'Please sign the signature 
  pad to submit');
  }

ChangeOrientation() {

this.props.getSignature(this.state.sign);
this.props.setModalVisible(!this.props.modalVisible);

}

Screenshot of Actual Behaviour :

Screenshot of Expected Behaviour :

Environment:

react-native : 0.61.1

react-native-view-shot : ^3.0.2

react-native-signature-capture : ^0.4.10

react-native-fs : ^2.16.2

So I am in the mids of inplementing url-schemes in my app (React-native and for both Android and Ios) but I am having some trouble with the html implementation of the url schemes. I figured out that for android you have to use:

<a href="intent://Something/#Intent;scheme=SomeApp;package=com.SomeApp;end">

But for IOS only this link works: <a href="SomeApp://Something">

Is there a way to allow both the android and IOS app to use the same link to open the app? I figured that it's quite common to ask that but I couldn't find any resource on the internet that was usefull for this. I could try to make some JS code to try both the links but that's not really a pretty solution (Android doesn't respond to the IOS link so I can run that one first and then the Android link after that)

Any help would be appreciated!

It seems like Expo only supports imagepicker for selecting one image rather than multiple images. Is there any way to pick multiple images without ejecting expo or starting new react-native-init?

I am using React 16.8.6 and react-native 0.59.6. iOS.

While typing react-native --version or anything prefix with react-native, it is showing the following error.

internal/fs/utils.js:220
    throw err;
    ^

Error: EPERM: operation not permitted, chmod '/usr/local/lib/node_modules/react-native/node_modules/@react-native-community/cli/build/commands/server/external/xsel'
    at Object.chmodSync (fs.js:1104:3)
    at Object.<anonymous> (/usr/local/lib/node_modules/react-native/node_modules/@react-native-community/cli/build/commands/server/copyToClipBoard.js:50:15)
    at Module._compile (internal/modules/cjs/loader.js:956:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:973:10)
    at Module.load (internal/modules/cjs/loader.js:812:32)
    at Function.Module._load (internal/modules/cjs/loader.js:724:14)
    at Module.require (internal/modules/cjs/loader.js:849:19)
    at require (internal/modules/cjs/helpers.js:74:18)
    at Object.<anonymous> (/usr/local/lib/node_modules/react-native/node_modules/@react-native-community/cli/build/commands/server/middleware/copyToClipBoardMiddleware.js:8:47)
    at Module._compile (internal/modules/cjs/loader.js:956:30) {
  errno: -1,
  syscall: 'chmod',
  code: 'EPERM',
  path: '/usr/local/lib/node_modules/react-native/node_modules/@react-native-community/cli/build/commands/server/external/xsel'
}

I cleaned the project. Restarted it.

Deleted npm package and reinstalled it.

Tried npm install -g react-native-cli.

I have react-native-community/cli version 1.12.0 in package.lock.json dependancies.

I don't have any clue about what to do. I am not able to do link any libraries and other stuffs which requires react-native keyword.

Moreover, If I run it with sudo like sudo react-native --version, it is giving like below mentioned.

warn Your project is using deprecated "rnpm" config that will stop working from next release. Please use a "react-native.config.js" file to configure the React Native CLI. Migration guide: https://github.com/react-native-community/cli/blob/master/docs/configuration.md
warn The following packages use deprecated "rnpm" config that will stop working from next release:
  - react-native-google-signin: https://github.com/react-native-community/react-native-google-signin
  - react-native-video: https://github.com/react-native-community/react-native-video#readme
Please notify their maintainers about it. You can find more details at https://github.com/react-native-community/cli/blob/master/docs/configuration.md#migration-guide.
3.0.4

Please suggest some guidance regarding the same.

Thanks.

Am I able to run my React Native application on a ios physical device? And if I am able to..let me ask you how is it possible?

I have created the application via 'React Native CLI quickstart''dev OS: Linux', 'target device: Android'..because I read: 'If you want to develop for both Android and iOS, that's fine - you can pick one to start with, since the setup is a bit different.'

I am not using Expo, because i will need the feature of reading NFC tags.

I'm working with a React Native app and I'm trying to set a customize launch screen but I'm not able to.

React Native creates a LaunchScreen.xib by default, so I've created a LaunchImage inside Images.xcassets:

I've also read that I've to modify the "Launch Screen File" under "App Icons and Launch Images" in my options:

Once I've done that, my launch screen became totally black and when the app is loaded, there are both top and bottom black frames:

So I don't know what I have to do to set my launch screen in my React Native project.

I'll be grateful if someone can help me out with those troubles.

Thanks in advance.

I would like to support only portrait view. How can I make a React Native app not to autorotate? I tried searching documentation and Github issues, but I didn't find anything helpful.

Here is the code implemented for socket connection but it did not working. I want to create chat messaging app in react native with realtime updates which uses backend of our web side server. I am trying to connect my app to socket io but its not working.

I have used socket.IO-client for react native:

import SocketIOClient from 'socket.IO-client'

export default Class Socket extends Component{
  constructor(){
    super();
    var Live_URL = "https://xxx.xxxxxxx.xxx/"
    this.socket = SocketIOClient(Live_URL);
  }

  componentDidMount(){
    this.socket.connect();
    this.socket.on("connect", () => {
      console.log('connection.')
    });
  }
}

Please, any solution?

I'm trying to implement iOS push notification for react-native I have tried several ways to implement RCTPushNotification, no effective success via link and manually.

Can I enable PushNotification on Capabilities using a personal account or add to react in some other way?

I'm following this post: https://facebook.github.io/react-native/docs/pushnotificationios.html