Quantcast
Channel: Active questions tagged react-native+ios - Stack Overflow
Viewing all 16566 articles
Browse latest View live

Is there a way to export default 2 constants?

$
0
0

Note: I am a beginner learning React Native. I have two js files (Inputs.js and Styles.js) and I am trying to put them both in a const in my main js file (App.js) but I can only export default one of them. Is there a way I can export both of them or should I rearrange my code in another way?

App.js:

import React from 'react';import { StyleSheet, Text, View } from 'react-native';const Home1 = () => {   return (<Style/>   )}const Home2 = () =>{   return (<Inputs />   )}export default Home1; //I am unable to export both Home1 and Home2 here

Style.js:

import React, { Component } from 'react';import { View, Text, Image, StyleSheet } from 'react-native'const Style = () => {    return ( <View style = {styles.container}><Text style = {styles.text}><Text style = {styles.capitalLetter}>               Title Here</Text><Text><Text style = {styles.textInput}> {"\n"} {"\n"}{"\n"}Location: </Text></Text><Text><Text style = {styles.textInput}> {"\n"} {"\n"}Time:</Text></Text><Text><Text style = {styles.textInput}> {"\n"} {"\n"}Time: </Text></Text></Text></View>   )}export default Styleconst styles = StyleSheet.create ({   container: {      //alignItems: 'center',      marginTop: 50,   },   text: {      color: '#41cdf4',   },   capitalLetter: {      color: 'red',      fontSize: 20   },   textInput: {      padding: 22,      //fontWeight: 'bold',      color: 'black'   },   textShadow: {      textShadowColor: 'red',      textShadowOffset: { width: 2, height: 2 },      textShadowRadius : 5   }})

Inputs.js:

import React, { Component } from 'react'import { View, Text, TouchableOpacity, TextInput, StyleSheet } from 'react-native'class Inputs extends Component {   state = {      email: '',      password: ''   }   handleEmail = (text) => {      this.setState({ email: text })   }   handlePassword = (text) => {      this.setState({ password: text })   }   login = (email, pass) => {      alert('email: '+ email +' password: '+ pass)   }   render(){      return (<View style = {styles.container}><TextInput style = {styles.input}               underlineColorAndroid = "transparent"               placeholder = "Email"               placeholderTextColor = "#9a73ef"               autoCapitalize = "none"               onChangeText = {this.handleEmail}/><TextInput style = {styles.input}               underlineColorAndroid = "transparent"               placeholder = "Password"               placeholderTextColor = "#9a73ef"               autoCapitalize = "none"               onChangeText = {this.handlePassword}/><TouchableOpacity               style = {styles.submitButton}               onPress = { () => this.login(this.state.email, this.state.password)}><Text style = {styles.submitButtonText}>                  Submit</Text></TouchableOpacity></View>      )   }}export default Inputsconst styles = StyleSheet.create({   container: {      paddingTop: 200   },   input: {      margin: 15,      height: 40,      borderColor: '#7a42f4',      borderWidth: 1   },   submitButton: {      backgroundColor: '#7a42f4',      padding: 10,      margin: 15,      height: 40,   },   submitButtonText:{      color: 'white'   }})

****UPDATED CODE BELOW for the error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.:*****

App.js:

import React from 'react';import { StyleSheet, Text, View } from 'react-native';module.exports = {   Home1() {    return (<Style/>    );  },   Home2() {    return (<Inputs/>    );  } }; 

Style.js

import React, { Component } from 'react';import { View, Text, Image, StyleSheet } from 'react-native'import { Inputs } from "./App.js"import Home1, {Home2} from './App.js'const Style = () => {    return ( <View style = {styles.container}><Text style = {styles.text}><Text style = {styles.capitalLetter}>               Title Here</Text><Text><Text style = {styles.textInput}> {"\n"} {"\n"}{"\n"}Your address or location (eg, Nashville, TN): </Text></Text><Text><Text style = {styles.textInput}> {"\n"} {"\n"}Contact 2:</Text></Text><Text><Text style = {styles.textInput}> {"\n"} {"\n"}Contact 3: </Text></Text></Text></View>   )}export default Styleconst styles = StyleSheet.create ({   container: {      //alignItems: 'center',      marginTop: 50,   },   text: {      color: '#41cdf4',   },   capitalLetter: {      color: 'red',      fontSize: 20   },   textInput: {      padding: 22,      //fontWeight: 'bold',      color: 'black'   },   textShadow: {      textShadowColor: 'red',      textShadowOffset: { width: 2, height: 2 },      textShadowRadius : 5   }})

Inputs.js

import React, { Component } from 'react'import { View, Text, TouchableOpacity, TextInput, StyleSheet } from 'react-native'//import { Style } from "./App.js"import Home1, {Home2} from './App.js'class Inputs extends Component {   state = {      email: '',      password: ''   }   handleEmail = (text) => {      this.setState({ Location: text })   }   handlePassword = (text) => {      this.setState({ Time: text })   }   login = (email, time1) => {      alert('Location: '+ email  +' Time: '+ time1)   }   render(){      return (<View style = {styles.container}><TextInput style = {styles.input}               underlineColorAndroid = "transparent"               placeholder = "Location"               placeholderTextColor = "#9a73ef"               autoCapitalize = "none"               onChangeText = {this.handleEmail}/><TextInput style = {styles.input}               underlineColorAndroid = "transparent"               placeholder = "Time"               placeholderTextColor = "#9a73ef"               autoCapitalize = "none"               onChangeText = {this.handlePassword}/><TouchableOpacity               style = {styles.submitButton}               onPress = { () => this.login(this.state.email, this.state.password)}><Text style = {styles.submitButtonText}>                  Submit</Text></TouchableOpacity></View>      )   }}export default Inputsconst styles = StyleSheet.create({   container: {      paddingTop: 200   },   input: {      margin: 15,      height: 40,      borderColor: '#7a42f4',      borderWidth: 1   },   submitButton: {      backgroundColor: '#7a42f4',      padding: 10,      margin: 15,      height: 40,   },   submitButtonText:{      color: 'white'   }})

Error: could not connect to SMTP in react native

$
0
0

I am trying to implement an SMTP email send in react native. I tried the same steps explained in the link https://github.com/angelos3lex/react-native-smtp-mailer/. But all the time when I try to send the mail, an alert with an error message "Error: could not connect to SMTP" is showing.Initially, I created a new project and replaced the App.js with https://github.com/angelos3lex/react-native-smtp-mailer/blob/master/example/App.js. The relevant fields like port, server, to and from email address are modified with my details.

Since I am new to react native, I don't know where I went wrong. Can you please help me?

How to integrate OpenStreetMap into a react-native project?

$
0
0

I am trying to integrate OpenStreetMap into a React Native project. But I can't find any library or anything related to React Native in their GitHub account.

The only thing I can find relating to these to topics is the link below, in which there is no proper answer.

https://www.reddit.com/r/reactnative/comments/5fi6bg/how_to_add_openstreetmap_to_a_react_native_project/

But I heard once that Mapbox uses OpenStreetMap as their source. Mapbox suggests a good way to integrate it into a React Native project:

https://github.com/mapbox/react-native-mapbox-gl

Is there a way to integrate OpenStreetMap into a React Native projector is it the case there's not proper support for it yet.

How do I make an iOS UIPicker in react native with multiple columns and titles?

$
0
0

Let's pretend my problem is I want a user to be able to select an amount of apples, and an amount of pears, with one control. I see the picker in the "Timer" section of the clock app bundled with iOS, and I like it.

iOS Timer picker

I want exactly that, except instead of three columns, I want two, and instead of "hours" and "min", I want "apples" and "pears".

So far, I'm able to put two pickers next to each other, which, while not curving the items towards each other slightly as if they were on the same wheel, is good enough for me for my columns problem for now. I'm as yet unable to put titles on the rows, though.

Here's what I have:

  render() {    let PickerIOSItem = PickerIOS.Item    return (<View style={styles.container}><PickerIOS style={styles.column}><PickerIOSItem value={1} label="0" /><PickerIOSItem value={2} label="1" /><PickerIOSItem value={3} label="2" /><PickerIOSItem value={4} label="3" /><PickerIOSItem value={5} label="4" /></PickerIOS><PickerIOS style={styles.column}><PickerIOSItem value={1} label="0" /><PickerIOSItem value={2} label="1" /><PickerIOSItem value={3} label="2" /><PickerIOSItem value={4} label="3" /><PickerIOSItem value={5} label="4" /></PickerIOS></View>    );  }

styles.container has display: flex and flex-direction: row, and styles.column has width: 49%.

My garbage attempt

I want to display an animated GIF on the splash screen of iOS with ReactNative (or want to have the same behavior)

$
0
0

As the title says, I want to display animated GIFs on the iOS splash screen.However, I saw a lot of information that the iOS splash screen does not support animated GIFs.If you know how to achieve a splash screen-like behavior on iOS, could you give me some advice?Of course, it also supports Android, so I think that a method that can be realized on Android is good.Sorry for poor English.

react-native: 0.60.6

Thank you.

React native iOS performance stats

$
0
0

I recently started my main app for iOS with React Native. I turned on the performance monitor on Expo but I do not know what is a good stat for the app. I have uploaded the picture of the monitor and was wondering are these stats good or should I work more on optimizing my app?

Thank you for any help. and please feel free to suggest any other tools, techniques or anything else.Performance monitor stats

Splash screen GIF in react native

$
0
0

I am making an application with react native with native code of android and ios, in the application specifications a splash screen with a GiF is required, I have already inserted the required dependencies of the documentation of react native

dependencies {  // If your app supports Android versions before Ice Cream Sandwich (API level 14)  implementation 'com.facebook.fresco:animated-base-support:1.3.0'  // For animated GIF support  implementation 'com.facebook.fresco:animated-gif:2.0.0'  // For WebP support, including animated WebP  implementation 'com.facebook.fresco:animated-webp:2.1.0'  implementation 'com.facebook.fresco:webpsupport:2.0.0'  // For WebP support, without animations  implementation 'com.facebook.fresco:webpsupport:2.0.0'}

GIF support works correctly within the screen / components. However, when I try to place the GIF on the splash screen it doesn't work, there is a static image of the GIF

import android.content.Intent;import android.os.Bundle;import androidx.appcompat.app.AppCompatActivity;public class SplashActivity extends AppCompatActivity {     @Override        protected void onCreate(Bundle savedInstanceState) {            super.onCreate(savedInstanceState);            Intent intent = new Intent(SplashActivity.this, MainActivity.class);            startActivity(intent);            finish();        }}<?xml version="1.0" encoding="utf-8"?><layer-list xmlns:android="http://schemas.android.com/apk/res/android"><item><bitmap                    android:gravity="center"                    android:src="@drawable/splash_screen2"/></item></layer-list>

How can I place a splash screen in gif format?

App crashes when entering in screen React Native

$
0
0

I'm making a mobile app and then suddenly when I enter this Screen the whole app crashes. It was working before but, after I changed some style, it gave me some errors about too much Call Stack but stopped saying that and just crashes. I really don't know what's causing this. I tried to see if there was on the UseEffect() I think there is nothing there causing this.

import React, { useEffect, useState, useContext} from "react";import {    View,    Text,    StatusBar,    TouchableOpacity,    ScrollView,    AsyncStorage,    Dimensions,    Image,    Alert,} from "react-native";import PlusImage from "../../../../assets/add_circle-24px.png";import mainContext from "../../../services/contexts/mainContext";import listContext from "../../../services/contexts/listContext";import taskContext from "../../../services/contexts/taskContext";import { MaterialIcons } from "@expo/vector-icons";import styles from "./styles";import TaskItem from "../../utils/TaskItem";import Animated from "react-native-reanimated";import { FlatList } from "react-native-gesture-handler";export default function List({ route, navigation }) {    const {        clean,        getTasksList,        edited,        toogleEdited,        deleteList,        doneTasks,        todoTasks,    } = useContext(listContext);    const { taskEdited, idtask, deleteTask } = useContext(taskContext);    const [listName, setListName] = useState("");    const [screenTasks, setScreenTasks] = useState([{}]);    const [done, setDone] = useState(false);    const screenHeight = Math.round(Dimensions.get("window").height);    async function getListName() {        setListName(await AsyncStorage.getItem("listName"));    }    async function asyncGetTasks() {        await getTasksList();    }    useEffect(() => {        if (listName) getListName();        asyncGetTasks();        setScreenTasks(done ? doneTasks : todoTasks);        if (idtask) {            navigation.navigate("Task");        }    }, [edited, taskEdited, idtask, done]);    return (<View style={styles.container}><StatusBar hidden /><View style={styles.buttonsContainer}><TouchableOpacity                    onPress={() => {                        navigation.goBack();                        clean();                    }}><MaterialIcons name="arrow-back" size={32} /></TouchableOpacity><TouchableOpacity                    onPress={() => {                        Alert.alert("Are you sure you want to delete this list?","",                            [                                {                                    text: "Cancel",                                    style: "cancel",                                },                                {                                    text: "OK",                                    onPress: () => {                                        deleteList();                                        clean();                                        navigation.goBack();                                    },                                },                            ],                            { cancelable: true }                        );                    }}><MaterialIcons name="delete" size={32} color="#bc0000" /></TouchableOpacity></View><View style={styles.titleContent}><Text style={styles.titleText}>{listName}</Text></View><View style={styles.midButtonsContainer}><View                    style={{                        opacity: 1,                        backgroundColor: done ? null : "#dddddd",                        borderRadius: 7,                        padding: 8,                        opacity: 1,                    }}><TouchableOpacity                        onPress={() => {                            setDone(false);                            toogleEdited();                        }}><Text>To do</Text></TouchableOpacity></View><View                    style={{                        opacity: 1,                        backgroundColor: done ? "#dddddd" : null,                        borderRadius: 7,                        padding: 8,                        opacity: 1,                    }}><TouchableOpacity                        onPress={() => {                            setDone(true);                            toogleEdited();                        }}><Text style={styles.doneButton}>Done</Text></TouchableOpacity></View></View>            {screenTasks.length > 0 ? (<FlatList                    data={screenTasks}                    renderItem={(item, index) => {                        return (<TaskItem                                OnSwipeRight={() => deleteTask(item.item._id)}                                {...{ item }}                            />                        );                    }}                />            ) : (<View style={styles.emptyContent}><Text style={styles.emptyText}>This list don't have tasks yet</Text></View>            )}<TouchableOpacity                style={{                    position: "absolute",                    top: screenHeight - 120,                    right: 28,                    flexDirection: "row",                    width: 50,                    alignSelf: "flex-end",                }}                onPress={() => {                    navigation.navigate("NewTask");                }}><Image source={PlusImage} /></TouchableOpacity></View>    );}

'React/RCTBridgeDelegate.h' file not found - React Native

$
0
0

I am new to react native and have been creating a new app. I tried to update my project from react native 0.60 to 0.63. When doing this I had to create a new project file in order to update my cocoapods. After doing this I tired to run my app on an iOS emulator but am given an error.

When opening my project within Xcode I am given the following error.

error

I am not sure if this has to do with my pods or not. After doing some research online I am unable to find the answer to this problem.

Here is my profile file.

# Uncomment the next line to define a global platform for your project platform :ios, '10.0'target 'Example' do  # Comment the next line if you don't want to use dynamic frameworks  use_frameworks!  # Pods for Example  target 'ExampleTests' do    inherit! :search_paths    # Pods for testing  endendtarget 'Example-tvOS' do  # Comment the next line if you don't want to use dynamic frameworks  use_frameworks!  # Pods for Example-tvOS  target 'Example-tvOSTests' do    inherit! :search_paths    # Pods for testing  end  target 'OneSignalNotificationServiceExtension' do    # Comment the next line if you don't want to use dynamic frameworks    use_frameworks!    # Pods for OneSignalNotificationServiceExtension    pod 'OneSignal', '>= 2.9.3', '< 3.0'  endend

why are after a new react-native project lots of deprecation warnings?

$
0
0

steps to reproduce:

installed versions:

react 15.4.2react-native 0.40.0

create a new Project

react-native init reactNativeTest

Running Project

1) Start Xcode2) Open Project reactNativeTest3) Run App

when I run it in xcode I get hellot of deprecation warnings, semantic issues and CoreFoundation Errors.

see screenshot

enter image description here

Play Dash or .mpd videos react-native(IOS)

$
0
0

I am working on an app which has a media server and this media server provide me the URL's of different video files and these videos are in dash format or .mpd format. I go through react-native-video and it has exo-player on android which already have the support of dash,I have tested exo-player on andriod and it works but on the other hand, it uses AVPlayer for IOS which don't have any support of dash.I spent some time finding some solution on the IOS side which could also support React-Native android and IOS but didn't find a proper way, Found two solutions but not works for both.

dash.js - https://github.com/Dash-Industry-Forum/dash.js/wiki

Google Shaka Player - https://github.com/google/shaka-player

dash.js have only support for web and shaka-player have some embedded solution available on IOS and which I have to bridge and then I can use.

I am looking for some quick workaround on react-native, Is there any player available that can play dash on both platforms or any other workaround that can work for me.

To build my react native app with the iOS 13 SDK, I upgrade xcode from 10.3 to 11.5, so why my app doesn't work?

$
0
0

We received, me and my team at work, a message from the App Store Team which contains:

Dear Developer,We identified one or more issues with a recent delivery for your app, "XXXX" version. Your delivery was successful, but you may wish to correct the following issues in your next delivery:ITMS-90725: SDK Version Issue - This app update was built with the iOS 12.4 SDK. As of June 30, 2020, updates to apps for iPhone or iPad must be built with the iOS 13 SDK or later.ITMS-90809: Deprecated API Usage - App updates that use UIWebView will no longer be accepted as of December 2020.Instead, use WKWebView for improved security and reliability.
  • So I started by ITMS-90725 which seems to be the first one we should fix. To build the react native app in the iOS 13 SDK, i needed to upgrade the xcode version from 10.3 to 11.5.

  • I did the upgrade thing Then built the app in the iOS 13 SDK, the build succeeded but the app couldn't run and after some debugging stuff i found this problem:


Thread 1: Exception: "App called -statusBar or -statusBarWindow on UIApplication: this code must be changed as there's no longer a status bar or status bar window.Use the statusBarManager object on the window scene instead."

  • Then I tried a lot to search about that and until now i can't find any solution according to react native.

my config after running the command react-native info =>

System:    OS: macOS 10.15.5    CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz    Memory: 273.72 MB / 16.00 GB    Shell: 5.7.1 - /bin/zsh  Binaries:    Node: 10.16.0 - ~/.nvm/versions/node/v10.16.0/bin/node    Yarn: 1.22.4 - ~/.yarn/bin/yarn    npm: 6.9.0 - ~/.nvm/versions/node/v10.16.0/bin/npm    Watchman: 4.9.0 - /usr/local/bin/watchman  SDKs:    iOS SDK:      Platforms: iOS 13.5, DriverKit 19.0, macOS 10.15, tvOS 13.4, watchOS 6.2  IDEs:    Android Studio: 3.6 AI-192.7142.36.36.6200805    Xcode: 11.5/11E608c - /usr/bin/xcodebuild  npmPackages:    react: 16.9.0 => 16.9.0     react-native: 0.61.5 => 0.61.5

The dependancies we use =>

"dependencies": {"@microsoft/applicationinsights-react-native": "^2.1.0","@microsoft/applicationinsights-web": "^2.3.1","@react-native-community/async-storage": "1.6.2","@react-native-community/datetimepicker": "2.1.0","@react-native-community/netinfo": "3.2.1","@react-native-community/viewpager": "^1.1.7","@react-navigation/core": "3.5.1","@react-navigation/native": "3.6.2","appcenter": "^3.0.3","appcenter-analytics": "^3.0.3","appcenter-crashes": "^3.0.3","deepmerge": "^4.0.0","geolib": "^3.0.4","i18n-js": "^3.3.0","lodash": "^4.17.15","moment": "^2.24.0","moment-range": "^4.0.2","moment-timezone": "^0.5.26","normalize-strings": "^1.1.0","prop-types": "^15.7.2","qs": "^6.9.0","ramda": "^0.26.1","react": "16.9.0","react-is": "^16.10.1","react-native": "0.61.5","react-native-adjust": "4.18.1","react-native-awesome-card-io": "^0.8.2","react-native-calendars": "https://github.com/freework-gmbh/react-native-calendars.git#20dc9a8","react-native-config": "0.11.7","react-native-country-picker-modal": "0.8.0","react-native-deep-link": "0.2.9","react-native-device-info": "3.1.4","react-native-email-link": "1.4.0","react-native-gesture-handler": "^1.4.1","react-native-idfa": "^4.1.0","react-native-indicators": "0.13.0","react-native-iphone-x-helper": "1.2.1","react-native-joi": "0.0.5","react-native-keyboard-aware-scroll-view": "0.9.1","react-native-localize": "^1.4.0","react-native-masked-text": "1.13.0","react-native-material-dropdown": "https://github.com/Squirel-SI/react-native-material-dropdown.git","react-native-phone-input": "0.2.4","react-native-reanimated": "1.3.0","react-native-render-html": "4.1.2","react-native-screen-brightness": "2.0.0-alpha","react-native-screens": "^2.0.0-alpha.3","react-native-sensitive-info": "^5.5.3","react-native-webview": "7.4.1","react-navigation": "4.0.10","react-navigation-drawer": "2.2.2","react-navigation-redux-helpers": "4.0.0","react-navigation-stack": "1.9.3","react-navigation-tabs": "2.5.5","react-redux": "7.0.2","recompose": "^0.30.0","redux": "^4.0.4","redux-saga": "^1.1.1","rn-viewpager": "https://github.com/Squirel-SI/React-Native-ViewPager.git","striptags": "^3.1.1","styled-components": "^4.4.0","url-join": "^4.0.1"  },

Can anyone of you help me to fix that ? Please !

open iOS iPad simulator with React Native

$
0
0

When testing a React Native app with react-native run-ios it opens an iPhone simulator.

You can change the virtual device to an iPad in the Simulator options, but the React Native app does not appear in the list of installed apps.

Is there a way to open an iPad simulator from the CLI?

About 100 error in Xcode, Undefined symbols for architecture x86_64 :upgraded react-native from 0.59.1 to 0.60.5

$
0
0

I've been trying to upgrade my project and use cocoapods for ios,Whenever i build from xcode it gives me 100 error related to swift, - My project does not depends on swift- Upgraded all packages

Please find screenshot for error

PackageList Screenshot!

Xcode Error Screenshot!

Xcode Error Screenshot1!

Xcode Error Screenshot2!

I've followed below link for package upgradationreact-native-community link!

Same error was found flutter! - didn't try this

# platform :ios, '9.0'require_relative '../node_modules/@react-native-community/cli-platform-ios/native_modules'target 'test' do  # Uncomment the next line if you're using Swift or would like to use dynamic frameworks  # use_frameworks!  # Pods for test  # Your 'node_modules' directory is probably in the root of your project,  # but if not, adjust the `:path` accordingly  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-RCTPushNotification', :path => '../node_modules/react-native/Libraries/PushNotificationIOS'  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'  pod 'react-native-print', :path => '../node_modules/react-native-print'  pod 'react-native-webview', :path => '../node_modules/react-native-webview'  pod 'RNImageCropPicker', :path => '../node_modules/react-native-image-crop-picker'  pod 'react-native-sqlite-storage', :path => '../node_modules/react-native-sqlite-storage'  pod 'RNCAsyncStorage', :path => '../node_modules/@react-native-community/async-storage'  pod 'react-native-netinfo', :path => '../node_modules/@react-native-community/netinfo'  pod 'react-native-contacts', :path => '../node_modules/react-native-contacts'  pod 'RNFS', :path => '../node_modules/react-native-fs'  pod 'RNGestureHandler', :path => '../node_modules/react-native-gesture-handler'  pod 'react-native-html-to-pdf', :path => '../node_modules/react-native-html-to-pdf'  pod 'react-native-image-resizer', :path => '../node_modules/react-native-image-resizer'  pod 'RNShare', :path => '../node_modules/react-native-share'  pod 'react-native-splash-screen', :path => '../node_modules/react-native-splash-screen'  pod 'RNSVG', :path => '../node_modules/react-native-svg'  pod 'ReactNativePermissions', :path => '../node_modules/react-native-permissions'  pod 'lottie-react-native', :path => '../node_modules/lottie-react-native'  pod 'lottie-ios', :path => '../node_modules/lottie-ios'  pod 'Firebase/Core', '~> 6.3.0'  #pod 'OneSignal', '>= 2.9.3', '< 3.0'  # Required by RNFirebase  pod 'Firebase/Core', '~> 6.3.0'  #target 'OneSignalNotificationServiceExtension' do  #  pod 'OneSignal', '>= 2.6.2', '< 3.0'  #end  post_install do |installer|    installer.pods_project.targets.each do |target|      target.build_configurations.each do |config|        config.build_settings['APPLICATION_EXTENSION_API_ONLY'] = 'No'      end    end  end  use_native_modules!endtarget 'test-tvOSTests' do  inherit! :search_paths  # Pods for testingendtarget 'testTests' do  inherit! :search_paths  # Pods for testingendtarget 'test-tvOS' do  # Uncomment the next line if you're using Swift or would like to use dynamic frameworks  # use_frameworks!end```Expecting it should have been worked easily

Notification issue iOS and Firebase Cloud Messaging react-native

$
0
0

I am trying to send notification from Firebase Cloud Management my iOS Application is not getting notifications and this function is not getting called.

I am getting fcm_registration_id

import firebase from '@react-native-firebase/app';import messaging from '@react-native-firebase/messaging';
messaging().onMessage((message) => {  const {data} = message;  console.log('---Message Received---', message);  if (data.type === 'call') {    if (Utility.isAndroid()) {      NativeModules.Heartbeat.startHeadlessService();      setTimeout(() => {        navigate('CallerScreen', {info: message});      }, 400);    }  }});

What this implementation in react native called?

$
0
0

For ios and android development, I am using React-Native.Still in learning phase.

Want to implement a functionality, on click of Header Icon a small hover should pop up from bottom of the screen with multiple options as clickable buttons.

What is that component that I should implement in react native.

Thanks for your help in advance.

TypeError: Cannot read property 'navigate' of undefined in the main App.js file

$
0
0

I am getting this error TypeError: Cannot read property 'navigate' of undefined. All code is defined in the main App.js file. Any solutions for this.

<Stack.Screen                    name="Home"                    component={BottomNav}                    options={{                        headerShown: true,                        headerTitle: 'Home',                        headerTitleStyle: { color: 'blue', fontWeight: 'bold' },                        headerRight: () => (<TouchableOpacity                                activeOpacity={0.5}                                onPress={() => this.props.navigation.navigate('PropertySearchScreen')}><Image                                    source={require('./../assets/icons/search.png')}                                    style={{ width: 25, height: 25, marginRight: 20 }}                                /></TouchableOpacity>                        ),                    }}                />

react-native ITMS-90809: Deprecated API Usage

$
0
0

I already went through multiple posts and possible fixes, updating different libraries, etc, trying to fix this issue. I'm not able to identify which library can be the problem.

After running grep -r UIWebView ./* on my entire project I get the following references:

Binary file ./ios/myApp.xcworkspace/xcuserdata/myuser.xcuserdatad/UserInterfaceState.xcuserstate matchesBinary file ./ios/build/myApp/ModuleCache.noindex/2HLMFU1M0QDOH/UIKit-1V5UHAPTOD24G.pcm matchesBinary file ./ios/build/myApp/ModuleCache.noindex/2HLMFU1M0QDOH/WebKit-3M3AFHBPPA3AE.pcm matchesBinary file ./ios/build/myApp/ModuleCache.noindex/2HLMFU1M0QDOH/modules.idx matchesBinary file ./ios/build/myApp/ModuleCache.noindex/LSN2S3SKDOR7/UIKit-1V5UHAPTOD24G.pcm matchesBinary file ./ios/build/myApp/ModuleCache.noindex/LSN2S3SKDOR7/modules.idx matchesBinary file ./ios/build/myApp/ModuleCache.noindex/3JXWHLC2F21FN/UIKit-1V5UHAPTOD24G.pcm matchesBinary file ./ios/build/myApp/ModuleCache.noindex/3JXWHLC2F21FN/StoreKit-2BRFRHE6RWG9N.pcm matchesBinary file ./ios/build/myApp/ModuleCache.noindex/3JXWHLC2F21FN/WebKit-3M3AFHBPPA3AE.pcm matchesBinary file ./ios/build/myApp/ModuleCache.noindex/3JXWHLC2F21FN/MediaPlayer-2DWL0NXJSGSEI.pcm matchesBinary file ./ios/build/myApp/ModuleCache.noindex/3JXWHLC2F21FN/AuthenticationServices-2OMDOPW4B88YQ.pcm matchesBinary file ./ios/build/myApp/ModuleCache.noindex/3JXWHLC2F21FN/modules.idx matchesBinary file ./ios/build/myApp/ModuleCache.noindex/QTATJTON98DN/UIKit-1V5UHAPTOD24G.pcm matchesBinary file ./ios/build/myApp/ModuleCache.noindex/QTATJTON98DN/modules.idx matchesBinary file ./ios/build/myApp/ModuleCache.noindex/3ORDFA6ID13E4/UIKit-1V5UHAPTOD24G.pcm matchesBinary file ./ios/build/myApp/ModuleCache.noindex/3ORDFA6ID13E4/StoreKit-2BRFRHE6RWG9N.pcm matchesBinary file ./ios/build/myApp/ModuleCache.noindex/3ORDFA6ID13E4/modules.idx matchesBinary file ./ios/build/myApp/ModuleCache.noindex/3ME4E9IB5U5P9/UIKit-1V5UHAPTOD24G.pcm matchesBinary file ./ios/build/myApp/ModuleCache.noindex/3ME4E9IB5U5P9/modules.idx matchesBinary file ./ios/build/myApp/ModuleCache.noindex/HYMFL0ZADXYU/UIKit-1V5UHAPTOD24G.pcm matchesBinary file ./ios/build/myApp/ModuleCache.noindex/HYMFL0ZADXYU/modules.idx matchesBinary file ./ios/build/myApp/ModuleCache.noindex/QV6QBQWJIIMP/UIKit-1V5UHAPTOD24G.pcm matchesBinary file ./ios/build/myApp/ModuleCache.noindex/QV6QBQWJIIMP/modules.idx matchesBinary file ./ios/build/myApp/ModuleCache.noindex/63CGBB6GNV96/UIKit-1V5UHAPTOD24G.pcm matchesBinary file ./ios/build/myApp/ModuleCache.noindex/63CGBB6GNV96/modules.idx matchesBinary file ./ios/build/myApp/ModuleCache.noindex/3RF3RLE8LIQB1/UIKit-1V5UHAPTOD24G.pcm matchesBinary file ./ios/build/myApp/ModuleCache.noindex/3RF3RLE8LIQB1/modules.idx matchesBinary file ./ios/build/myApp/ModuleCache.noindex/32KR07SAX72T8/UIKit-1V5UHAPTOD24G.pcm matchesBinary file ./ios/build/myApp/ModuleCache.noindex/32KR07SAX72T8/modules.idx matchesBinary file ./ios/build/myApp/ModuleCache.noindex/2BETYMPBP3283/UIKit-1V5UHAPTOD24G.pcm matchesBinary file ./ios/build/myApp/ModuleCache.noindex/2BETYMPBP3283/modules.idx matchesBinary file ./ios/build/myApp/ModuleCache.noindex/1L4O42DWJ17U4/UIKit-1V5UHAPTOD24G.pcm matchesBinary file ./ios/build/myApp/ModuleCache.noindex/1L4O42DWJ17U4/modules.idx matchesBinary file ./ios/build/myApp/ModuleCache.noindex/FKMGVG9AP453/UIKit-1V5UHAPTOD24G.pcm matchesBinary file ./ios/build/myApp/ModuleCache.noindex/FKMGVG9AP453/modules.idx matchesBinary file ./ios/build/myApp/ModuleCache.noindex/HSM9QJ30J6H9/UIKit-1V5UHAPTOD24G.pcm matchesBinary file ./ios/build/myApp/ModuleCache.noindex/HSM9QJ30J6H9/WebKit-3M3AFHBPPA3AE.pcm matchesBinary file ./ios/build/myApp/ModuleCache.noindex/HSM9QJ30J6H9/modules.idx matchesBinary file ./ios/build/myApp/ModuleCache.noindex/1YTWDLDD345AU/UIKit-1V5UHAPTOD24G.pcm matchesBinary file ./ios/build/myApp/ModuleCache.noindex/1YTWDLDD345AU/modules.idx matchesBinary file ./ios/build/myApp/ModuleCache.noindex/11VRF1GN0DLVL/UIKit-1V5UHAPTOD24G.pcm matchesBinary file ./ios/build/myApp/ModuleCache.noindex/11VRF1GN0DLVL/WebKit-3M3AFHBPPA3AE.pcm matchesBinary file ./ios/build/myApp/ModuleCache.noindex/11VRF1GN0DLVL/modules.idx matchesBinary file ./ios/build/myApp/ModuleCache.noindex/K0WRRE53RAEC/UIKit-1V5UHAPTOD24G.pcm matchesBinary file ./ios/build/myApp/ModuleCache.noindex/K0WRRE53RAEC/ContactsUI-1IW04PS7QUI2V.pcm matchesBinary file ./ios/build/myApp/ModuleCache.noindex/K0WRRE53RAEC/AVKit-95365SBJXV2.pcm matchesBinary file ./ios/build/myApp/ModuleCache.noindex/K0WRRE53RAEC/modules.idx matchesBinary file ./ios/build/myApp/ModuleCache.noindex/12BR1L2HFKG5H/UIKit-1V5UHAPTOD24G.pcm matchesBinary file ./ios/build/myApp/ModuleCache.noindex/12BR1L2HFKG5H/WebKit-3M3AFHBPPA3AE.pcm matchesBinary file ./ios/build/myApp/ModuleCache.noindex/12BR1L2HFKG5H/modules.idx matchesBinary file ./ios/build/myApp/ModuleCache.noindex/32AWGWKTTU8N7/UIKit-1V5UHAPTOD24G.pcm matchesBinary file ./ios/build/myApp/ModuleCache.noindex/32AWGWKTTU8N7/modules.idx matchesBinary file ./ios/build/myApp/ModuleCache.noindex/1NWED368FL26E/UIKit-1V5UHAPTOD24G.pcm matchesBinary file ./ios/build/myApp/ModuleCache.noindex/1NWED368FL26E/WebKit-3M3AFHBPPA3AE.pcm matchesBinary file ./ios/build/myApp/ModuleCache.noindex/1NWED368FL26E/modules.idx matchesBinary file ./ios/build/myApp/ModuleCache.noindex/33VZOJ3VJMPOT/UIKit-1V5UHAPTOD24G.pcm matchesBinary file ./ios/build/myApp/ModuleCache.noindex/33VZOJ3VJMPOT/modules.idx matchesBinary file ./ios/build/myApp/ModuleCache.noindex/2GYY7SQTFG8LT/UIKit-1V5UHAPTOD24G.pcm matchesBinary file ./ios/build/myApp/ModuleCache.noindex/2GYY7SQTFG8LT/modules.idx matchesBinary file ./ios/build/myApp/ModuleCache.noindex/17IGP4JEFXICD/UIKit-1V5UHAPTOD24G.pcm matchesBinary file ./ios/build/myApp/ModuleCache.noindex/17IGP4JEFXICD/WebKit-3M3AFHBPPA3AE.pcm matchesBinary file ./ios/build/myApp/ModuleCache.noindex/17IGP4JEFXICD/modules.idx matchesBinary file ./ios/build/myApp/Index/DataStore/v5/records/EJ/UIWebView.h-17DCX353XRLEJ matchesBinary file ./ios/build/myApp/Index/DataStore/v5/units/UIKit-1V5UHAPTOD24G.pcm-3S29QRIPVEFYO matchesBinary file ./ios/build/myApp/Index/DataStore/v5/units/RCTUIManagerObserverCoordinator.o-22HPJ4UKWFA7Y matchesBinary file ./ios/build/myApp/Index/DataStore/v5/units/RCTJavaScriptLoader.o-11RB86QLKPUQ matchesBinary file ./ios/build/myApp/Index/DataStore/v5/units/RCTCxxBridge.o-1Z4JLGC4A2JLG matchesBinary file ./ios/build/myApp/Index/DataStore/v5/units/UIKit-1V5UHAPTOD24G.pcm-FX96VU83HAZJ matchesBinary file ./ios/build/myApp/Index/DataStore/v5/units/RCTMessageThread.o-1SHDUR12BP2CA matchesBinary file ./ios/build/myApp/Index/DataStore/v5/units/RCTObjcExecutor.o-3FJLKJ4H1E06Z matchesBinary file ./ios/build/myApp/Index/DataStore/v5/units/UIKit-1V5UHAPTOD24G.pcm-3REKR8X6X5HJR matchesBinary file ./ios/build/myApp/Index/DataStore/v5/units/UIKit-1V5UHAPTOD24G.pcm-1GLKIA3MVEXHR matchesBinary file ./ios/build/myApp/Index/DataStore/v5/units/RCTBlobManager.o-1ZMIFQ9QC7XVL matchesBinary file ./ios/build/myApp/Index/DataStore/v5/units/UIKit-1V5UHAPTOD24G.pcm-1EDOHIVESW9XA matchesBinary file ./ios/build/myApp/Index/DataStore/v5/units/RCTFont.o-10NA8K1FCIZN7 matchesBinary file ./ios/build/myApp/Index/DataStore/v5/units/UIKit-1V5UHAPTOD24G.pcm-2IXFIYW3J6P09 matchesBinary file ./ios/build/myApp/Index/DataStore/v5/units/RCTSurfaceRootView.o-3UWDKB7AVRYWY matchesBinary file ./ios/build/myApp/Index/DataStore/v5/units/UIKit-1V5UHAPTOD24G.pcm-2C1LT6CRGANGZ matchesBinary file ./ios/build/myApp/Index/DataStore/v5/units/UIKit-1V5UHAPTOD24G.pcm-2X0VJG25OS5O4 matchesBinary file ./ios/build/myApp/Index/DataStore/v5/units/RCTLog.o-2UFETOQXACYQX matchesBinary file ./ios/build/myApp/Index/DataStore/v5/units/RCTNativeModule.o-4JZ8GLWUDAJC matchesBinary file ./ios/build/myApp/Index/DataStore/v5/units/RCTSurfaceView.o-32GQCNCZIGYRU matchesBinary file ./ios/build/myApp/Index/DataStore/v5/units/RCTPackagerConnection.o-3C3A7NOWXBRXY matchesBinary file ./ios/build/myApp/Index/DataStore/v5/units/RCTCxxUtils.o-44WMPSAXK5TV matchesBinary file ./ios/build/myApp/Index/DataStore/v5/units/RCTModuleData.o-18TZIGJBNXAYA matchesBinary file ./ios/build/myApp/Index/DataStore/v5/units/UIKit-1V5UHAPTOD24G.pcm-ZRB1MOA7NTS8 matchesBinary file ./ios/build/myApp/Index/DataStore/v5/units/RCTSurface.o-1FD4E4K1ML22C matchesBinary file ./ios/build/myApp/Index/DataStore/v5/units/RCTInspectorDevServerHelper.o-3HU6TZN8CQNS5 matchesBinary file ./ios/build/myApp/Index/DataStore/v5/units/UIKit-1V5UHAPTOD24G.pcm-1AIOVVY4WE125 matchesBinary file ./ios/build/myApp/Index/DataStore/v5/units/RCTSurfaceSizeMeasureMode.o-31M17VYD2LS9V matchesBinary file ./ios/build/myApp/Index/DataStore/v5/units/UIKit-1V5UHAPTOD24G.pcm-3RRBMNWZLMN11 matchesBinary file ./ios/build/myApp/Index/DataStore/v5/units/RCTModuleMethod.o-15N754BVYLCNM matchesBinary file ./ios/build/myApp/Index/DataStore/v5/units/UIKit-1V5UHAPTOD24G.pcm-15YSGBSZZZFYR matchesBinary file ./ios/build/myApp/Index/DataStore/v5/units/UIKit-1V5UHAPTOD24G.pcm-2S0VQ7CAWG16W matchesBinary file ./ios/build/myApp/Index/DataStore/v5/units/UIKit-1V5UHAPTOD24G.pcm-NOBNLTK683QZ matchesBinary file ./ios/build/myApp/Index/DataStore/v5/units/UIKit-1V5UHAPTOD24G.pcm-3LJ239I3GXXNJ matchesBinary file ./ios/build/myApp/Index/DataStore/v5/units/JSCExecutorFactory.o-1O7G83OQN5PHC matchesBinary file ./ios/build/myApp/Index/DataStore/v5/units/UIKit-1V5UHAPTOD24G.pcm-29WTILYZR6TNM matchesBinary file ./ios/build/myApp/Index/DataStore/v5/units/RCTDevSettings.o-1FJXZK40NPTCN matchesBinary file ./ios/build/myApp/Index/DataStore/v5/units/UIKit-1V5UHAPTOD24G.pcm-2YI8NYFKWA11S matchesBinary file ./ios/build/myApp/Index/DataStore/v5/units/RCTHTTPRequestHandler.o-128SB712PEHX4 matchesBinary file ./ios/build/myApp/Index/DataStore/v5/units/UIKit-1V5UHAPTOD24G.pcm-3BAHSZ72SV8Q6 matchesBinary file ./ios/build/myApp/Index/DataStore/v5/units/RCTNetworking.o-21FG3D2P87XIN matchesBinary file ./ios/build/myApp/Index/DataStore/v5/units/UIKit-1V5UHAPTOD24G.pcm-1D4SR7IZGT5T2 matchesBinary file ./ios/build/myApp/Index/DataStore/v5/units/RCTSurfaceHostingView.o-2LFDM1EUEGI1E matchesBinary file ./ios/build/myApp/Index/DataStore/v5/units/RCTCxxModule.o-1ASVP8JVVSJTA matchesBinary file ./ios/build/myApp/Index/DataStore/v5/units/RCTInspector.o-1ESSZWZOHGUIN matchesBinary file ./ios/build/myApp/Index/DataStore/v5/units/UIKit-1V5UHAPTOD24G.pcm-36AOCSP5CMY8M matchesBinary file ./ios/build/myApp/Index/DataStore/v5/units/UIKit-1V5UHAPTOD24G.pcm-32WV1WUKJRCNK matchesBinary file ./ios/build/myApp/Index/DataStore/v5/units/UIKit-1V5UHAPTOD24G.pcm-TAH6BWO81AWJ matchesBinary file ./ios/build/myApp/Index/DataStore/v5/units/RCTCxxMethod.o-2KL4VQGTNJ49 matchesBinary file ./ios/build/myApp/Build/Products/Debug-iphonesimulator/myApp.app/myApp matchesBinary file ./ios/build/myApp/Build/Products/Debug-iphonesimulator/myApp.app.dSYM/Contents/Resources/DWARF/myApp matches./node_modules/react-native/node_modules/ua-parser-js/test/browser-test.json:        "ua"      : "Mozilla/5.0 (iPhone; CPU iPhone OS 10_0_2 like Mac OS X) AppleWebKit/602.1.50 (KHTML, like Gecko) Mobile/14A456 QQ/6.5.3.410 V1_IPH_SQ_6.5.3_1_APP_A Pixel/1080 Core/UIWebView NetType/WIFI Mem/26",./node_modules/react-native/node_modules/fbjs/lib/UserAgent.js.flow:   * - UIWebView./node_modules/react-native/node_modules/fbjs/lib/UserAgent.js:   * - UIWebView./node_modules/react-native/Libraries/Components/WebView/WebView.android.js:     * If true, use WKWebView instead of UIWebView../node_modules/react-native/Libraries/Components/WebView/WebView.ios.js:     * If true, use WKWebView instead of UIWebView../node_modules/react-native-webview/README.md:- [7.0.1](https://github.com/react-native-community/react-native-webview/releases/tag/v7.0.1) - Removed UIWebView./node_modules/rn-spotify-sdk/ios/external/SpotifySDK/CHANGELOG.md:- `-[SPTAuth spotifyWebAuthenticationURL]` returns a https://accounts.spotify.com URL that you should open in a Safari View Controller (or UIWebView if supporting iOS versions prior to 9)./node_modules/rn-spotify-sdk/ios/external/SpotifySDK/docs/Classes/SPTAuth.html:                <p>Display this URL within a SFSafariViewController on iOS 9 and up, or UIWebView.</p>./node_modules/rn-spotify-sdk/ios/external/SpotifySDK/docs/Classes/SPTAuthViewController.html:          <p>Removes all authentication related cookies from the UIWebView.</p>./node_modules/rn-spotify-sdk/ios/external/SpotifySDK/SpotifyAuthentication.framework/Headers/SPTAuth.h: Display this URL within a SFSafariViewController on iOS 9 and up, or UIWebView../node_modules/rn-spotify-sdk/ios/external/SpotifySDK/SpotifyAuthentication.framework/Headers/SPTAuthViewController.h: Removes all authentication related cookies from the UIWebView.Binary file ./node_modules/rn-spotify-sdk/ios/external/SpotifySDK/SpotifyAuthentication.framework/SpotifyAuthentication matches./node_modules/metro/node_modules/ua-parser-js/test/browser-test.json:        "ua"      : "Mozilla/5.0 (iPhone; CPU iPhone OS 10_0_2 like Mac OS X) AppleWebKit/602.1.50 (KHTML, like Gecko) Mobile/14A456 QQ/6.5.3.410 V1_IPH_SQ_6.5.3_1_APP_A Pixel/1080 Core/UIWebView NetType/WIFI Mem/26",./node_modules/metro/node_modules/fbjs/lib/UserAgent.js.flow:   * - UIWebView./node_modules/metro/node_modules/fbjs/lib/UserAgent.js:   * - UIWebView./node_modules/ua-parser-js/test/browser-test.json:        "ua"      : "Mozilla/5.0 (iPhone; CPU iPhone OS 10_0_2 like Mac OS X) AppleWebKit/602.1.50 (KHTML, like Gecko) Mobile/14A456 QQ/6.5.3.410 V1_IPH_SQ_6.5.3_1_APP_A Pixel/1080 Core/UIWebView NetType/WIFI Mem/26",./node_modules/react-native-fbsdk/js/FBShareDialog.js:   * Displays the dialog in a UIWebView within the app../node_modules/fbjs/lib/UserAgent.js.flow:   * - UIWebView./node_modules/fbjs/lib/UserAgent.js:   * - UIWebView

a) Should I care about the matches inside ./ios/build/*?

b) I understand that all the matches I have inside ./node_modules/* are only comments and doesn't affect the build.

c) Is there another way to find any possible library/dependency that is still using UIWebView?

I would really appreciate your help with any kind of hint. Let me know if you need additional information.

Here is a simplified copy of my package.json

{"private": true,"dependencies": {"adm-zip": "^0.4.11","axios": "^0.18.1","babel-plugin-transform-remove-console": "^6.9.0","color": "^3.0.0","lodash": "^4.17.13","moment": "^2.20.1","number-abbreviate": "^2.0.0","plist": "^2.1.0","progress": "^2.0.0","prop-types": "^15.6.0","react": "16.8.3","react-moment": "^0.7.0","react-native": "0.59.10","react-native-cached-image": "^1.4.3","react-native-code-push": "^5.7.0","react-native-contacts": "^4.0.3","react-native-events": "^1.0.15","react-native-extended-stylesheet": "^0.8.0","react-native-fbsdk": "^0.10.3","react-native-firebase": "^5.5.6","react-native-flip-toggle-button": "^1.0.5","react-native-google-places-autocomplete": "^1.3.9","react-native-image-crop-picker": "0.24.1","react-native-keyboard-aware-scroll-view": "^0.5.0","react-native-letter-spacing": "0.0.5","react-native-linear-gradient": "^2.5.4","react-native-modal-datetime-picker": "^4.13.0","react-native-modal-dropdown": "^0.7.0","react-native-music-control": "^0.10.8","react-native-onesignal": "^3.8.1","react-native-photo-upload": "^1.1.1","react-native-sentry": "^0.42.0","react-native-snap-carousel": "^3.6.0","react-native-spinkit": "^1.4.1","react-native-splash-screen": "^3.2.0","react-native-status-bar-height": "^1.0.1","react-native-swipe-gestures": "^1.0.2","react-native-vector-icons": "^4.6.0","react-native-video": "^2.0.0","react-native-view-overflow": "0.0.3","react-native-webview": "^8.1.2","react-native-wheel-picker": "github:GenomeUS/react-native-wheel-picker","react-navigation": "^1.0.0-beta.22","react-navigation-current-route": "^1.0.0","react-redux": "^5.0.6","redux": "^3.7.2","redux-logger": "^3.0.6","redux-persist": "^5.5.0","redux-thunk": "^2.2.0","rn-spotify-sdk": "^1.2.12","uglify-es": "^3.2.2","validator": "^10.5.0","vanilla-text-mask": "^5.1.1","xcode": "^1.0.0"  },"devDependencies": {"@babel/core": "^7.4.5","@babel/runtime": "^7.4.5","@types/prop-types": "^15.5.3","babel-eslint": "^7.2.3","babel-jest": "^24.8.0","eslint": "^4.19.1","eslint-config-airbnb": "^16.1.0","eslint-plugin-babel": "^4.1.2","eslint-plugin-import": "^2.11.0","eslint-plugin-jest": "^21.15.1","eslint-plugin-jsx-a11y": "^6.0.3","eslint-plugin-react": "^7.8.1","jest": "^24.8.0","jetifier": "^1.6.4","metro-react-native-babel-preset": "^0.54.1","react-native-dotenv": "^0.2.0","react-native-version": "^2.7.0","react-test-renderer": "16.8.3"  },"jest": {"preset": "react-native"  },"rnpm": {"assets": ["./src/assets/fonts"    ]  },"resolutions": {"uglify-es": "3.2.2"  }}

React Native text input mask

$
0
0

We're developing program on React Native, and I have a question. How to make a text input mask for ZIP code and mobile phone number via React Native?

Here's a sample:

How to save and share data with React Native?

$
0
0

I am beginner to building Apps with React Native + Redux.I am trying to create an App family budget. It's almost done.BUT I have two questions for them who already created these kind of apps.

  1. What is the best way to save data? I want to save it (data: expenses/dates/category etc) on devices iOS (not database) if it's possible. I think it does not take a lot of memory. I've read about AsyncStorage, but not sure about it. Is it still present after reloading App/Phone?

  2. How to share data between two users? I want to make a function, like sharing the budget between family members.

I will be very grateful for the recommendations and suggestions, maybe even for some good articles with explanation.Thanks!

Viewing all 16566 articles
Browse latest View live


<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>