Questions tagged [react-native]

React Native lets you build native mobile apps using React. The focus of React Native is on developer efficiency across all the platforms you care about - learn once, write anywhere.

0
votes
0answers
6 views

React native image picker screen goes black selecting options

On iphone 6 and android everything works fine, meaning i can select a photo from either library or by taking one. but on iphone 6s and X, when i try to take a photo or choose from library a black ...
0
votes
0answers
19 views

Subclassing multiple classes in IOS

I am a novice in Swift and IOS right now. I am making a React Native app that uses IOS native code written in Swift. These methods in order to be linked to React native need an implementation file. I ...
0
votes
0answers
5 views

How do I access the location permission settings of my react-native expo app?

I am aware that we can access certain android settings using IntentLauncherAndroid My current code is as follows: import { IntentLauncherAndroid as IntentLauncher } from 'expo'; // onClick function ...
0
votes
0answers
7 views

When does the onLoad function of React Native webview execute?

https://facebook.github.io/react-native/docs/webview#onload The documentation states that onload is a Function that is invoked when the WebView has finished loading. What action specifically ...
0
votes
0answers
11 views

How to add both top and bottom navigation tab using react navigation

currently, I am able to get the individual top and bottom tabs but don't know how to use both in my app.
0
votes
0answers
9 views

React Native Modal not moving up when keyboard pops

I have this React Native component displayed in a Modal: <KeyboardAvoidingView style={modalStyle.container}> <View style={modalStyle.topBlock}> </View&...
1
vote
0answers
10 views

Weird ajax request bug when app is in the background and is open from a push notification

Need advice on how to fix a very strange bug happening on ios. The technologies i'm using are react-native, react-native-firebase and react-router-native. Heres the scenario: The idea is when i get ...
0
votes
0answers
6 views

React Native - Download JS bundle from remote server

I'm building a React Native app and I need to create a version of it that downloads the JS bundle from an S3 bucket that I set up, which contains the file already bundled. Currently, the app expects ...
0
votes
0answers
9 views

I am having an error when installing expo using install expo-cli

when i install expo using expo-cli i get this error with thousands of errors enter image description here Please help
0
votes
0answers
10 views

App rejected: React Native app crashed when opening image crop picker

No issues or crashes with app on build mode and in 3 different devices. App got rejected by App Store review. Rejection reason: The app crashed when we selected the image uploader. Now I'm need ...
0
votes
0answers
9 views

How to share constant data between android native and React Native

I want to define some constant data in a file on the React Native side. For example constants.js, It is going to be used in ReactNative to define some error codes and error titles. I want to somehow ...
0
votes
0answers
6 views

React Native - FlatList inside the Animated.View

So I'm trying to use FlatList inside the Animated.View because there is no Animated.Flatlist only Animated.ScrollView but this just supports limited child component it can cause poor performance of ...
1
vote
0answers
10 views

rotateY image horizontally for IOS

im trying to spin an image using react native Animation on rotateY the problem is that in iOS its only spinning half of the image compare to android that doing that perfectly I'm attaching link for ...
0
votes
0answers
6 views

ScrollView doesn't allow to scroll unless the children components are Button or Touchable

My component is not working unless I change the children components to one of these types Button, TouchableOpacity or TouchableWithoutFeedback. <View style={{flex: 1}}> <View style={{...
-1
votes
0answers
12 views

Fetch not working for android release apk in react native

I am developing an application in react native. I am receiving a network error in android when i hit the api from my react native release apk but the same code works when i debug and install in mobile....
-1
votes
0answers
27 views

Subclassing multiple classes in an interface in Swift

I am making a React Native app, where I need to write some native code in iOS. This is my swift file code which has events that need to be dispatched to React Native func locationManager(_ manager: ...
0
votes
0answers
16 views

React Problems Nav

I'm testing new libraries, Yea React Navigator. When I add React Navigator all code does not work, and when I delete react navigator it still doesn't work. class HomeScreen extends Component{ ...
0
votes
0answers
7 views

X code doesn't loads react native project manually

i have created an xcode project ,and i have manually opened xcodeproject in ios folder but after that the application stops responding ,but when i create a new project manually in xcode it builds well ...
0
votes
0answers
12 views

Adding onCenter={} setting to react-native-image-pan-zoom triggers syntax error

This package works nicely in general. But when I add onCenter parameter, the Android app simulator will crash with a syntax error. My image file is taller than the phone screen size. The default ...
0
votes
1answer
9 views

I cant get state from handleChange function from a check list

i m kind of new in React and Javascript in general. I m trying to make a checklist using a checkbox. In the frontend it works, more or less. My problem is that I m trying to get the state if a task is ...
0
votes
0answers
5 views

React Native WebView loses cookie when placed inside a sub-component of App-component

When I place my WebView component inside my App-Component, it does not lose the cookie shared with fetch-requests. That is expected behavior and is okay. However, if I put my WebView component inside ...
1
vote
1answer
29 views

Is there a way to use a global variable for the whole npm project?

I need to use a variable between node modules folder and src folder.Is there a way to use a variable to be used within the whole project? Thanks.
0
votes
1answer
9 views

How can I fetch per Apollo client to create dynamic drawer routes (React Navigation)?

I cannot use the client inside my creation of navigation items. 1. I create my Apollo stuff and return <ApolloProvider client={client}> <AppContainer /> </ApolloProvider> 2. ...
0
votes
0answers
7 views

React Native snap carousel - Swipe direction or scroll enabling with restrictions

I have implemented react native snap carousel. I have 4 forms in the carousel. The requirement is that if the form is valid then the user will be able to swipe to next but the user can swipe to left ...
0
votes
0answers
14 views

org.openqa.selenium.WebDriverException:java.io.IOException

Test fails on AWS device farm (running for iOS) after running few scripts with org.openqa.selenium.WebDriverException:java.io.IOException: unexpected end of stream on Connection{127.0.0.1:4723, ...
0
votes
0answers
16 views

How to get uri or base64 of a file or image in the React-native app Bundle?

Requirement: We need to get base64 of an image file which is inside the React-native App Bundle (inside src folder). If we have URI of the image we would be using RNFS.readFile() to convert the file ...
0
votes
0answers
13 views

React native - Change stack navigators header placement

I'm using a custom tab navigator bar i just place with tags <TabBar /> in the screen its to be rendered, BUT! the default stack navigator header with back button renders above instead of below ...
0
votes
0answers
9 views

React Native app downloaded from play store not working on android 9

I developed react native app in version 0.59. I tested with data cable on every device including android 9 app is working fine. I uploaded app to play store now my app working on every device except ...
1
vote
1answer
22 views

How to export createStackNavigator as class in React Native?

I read here that using the the createStackNavigator as a Component class was possible, and I was trying to achieve that, but I always got an error. Instead of this: export default ...
0
votes
0answers
8 views

Reach time of a call between application (expo - react-native) and api flask

I made an application with expo (react-native). It's connected to a flask (python 3.6) api on an ec2 server on aws. For some reason my application takes some time to reach the api. To explain myself: ...
0
votes
0answers
11 views

What is the correct way to set the new coordinates of a view after translation animation in react-native?

I am trying to run a few simple animations using react-native-animatable library. (But I believe the question should be generic to any react animations so adding other tags as well.) The problem is, ...
0
votes
0answers
14 views

In app product listing for Video On Purchase Application

I'm developing an android application having list of Videos that user can view for 24hr duration after purchase of fix amount. Should I go with the In-app purchase or some third party payment library? ...
-6
votes
1answer
57 views

React native or Flutter? [on hold]

I need to build a native mobile app, I would like to be adviced in chosing between React native and flutter. PS : I have never worked with any of them
0
votes
1answer
30 views

React navigation ImageBackground displaying white screen

Update: Its my AppNavigator thats causing the problem, if I remove it, it displays the background. How can I use ImageBackground with my AppNavigator: const config = { initialRouteName: "Home", ...
0
votes
0answers
10 views

'Could not find method generalImplementation() for arguments [com.google.android.gms:play-services-vision:17.0.2] '

I tried to run react-native run-android on a project made by a developer (who I do not have contact anymore), but the build fails with the following output: When i check my android studio graddle ...
0
votes
0answers
29 views

Print value in React Native

I'm trying to make a connection with a device via Android. I used Ble-plx library. But I don't understand why what I wrote doesn't work. ( I saw only Example: - ) constructor() { super(); ...
0
votes
0answers
4 views

how to Communicating between Aspx and ReactNative

reactNative class TestContainer extends Component { constructor(props) { super(props); this.state = { test: 'asd', }; } testa = (event) => { this.setState({ test:...
0
votes
0answers
12 views

Unable to get the value from realm db schema

I'm creating a visitor management app using react-native and realm as DB. For adding the Visitor I'm using PopUpDialog with various text fields. One is Headercomponent which has the title and "+" for ...
1
vote
1answer
18 views

Is fastlane still needed with VS Appcenter?

Like the title says. I am planning to use Visual Studio AppCenter. Where does fastlane fit in there? As I am seeing it, fastlane becomes redunant when switching over to VSAC? Or am I missing the ...
0
votes
0answers
4 views

Mobx @observable is not work if its init value is undefined in react-native 0.59

I'm migrating react-native 0.51.1 to 0.59.8. And I'm facing a problem of Mobx. If an @observable decorated member have assigned init value like this @observable cnt = 0; then it works. But if it's ...
1
vote
0answers
25 views

Need to perform Flux Authentication with react navigator, but I need to be authorized only for some screens

expo: ^32.0.0 react: 16.5.0 react-navigation: ^3.11.0 Hi! When I start my app I need to go to Home without auth. After that I have a DrawerNavigator which dispatches dispatch the following screens: ...
0
votes
0answers
18 views

React native app firebase.auth() not a function

I have a react native app on development that uses a firebase authentication. it was working fine until yesterday. I used the following command to build the app yesterday react-native bundle --...
-2
votes
1answer
20 views

How to convert The inserted file to base64 in React Js? [on hold]

I have tried a lot for converting the file to base64 but I couldn't do anyone can help me?
0
votes
0answers
13 views

How to cast ReactMethod (Android Native) to model class (User.class)

I am building a natural response program that has small modules in the original Android. I passed an object to the native android and I want to convert ReadableMap (@ReactMethod) to model.java (User....
0
votes
0answers
14 views

Wordpress & React Native: Login Cookie should not expire

I am using React Native and the WebView, where I have a WordPress (5.2.1) running with a Login Functionality. I set the Login Cookie to 10 Years but the User gets logged out every other day, this ...
0
votes
0answers
11 views

IOS UI Testing: how to dismiss a series of system alerts( microphone access ) via code using fastlane snapshot

I use mac mojave 10.14.3 and react-native version - 0.59.1, fastlane latest version. I tried to run the fastlane screenshot via ios xcuitest But I couldn't dismiss the system alert. I have attached my ...
0
votes
0answers
10 views

app:processReleaseResources FAILED while creating android release build

I am creating android release build from my react-native app. Everytime it gives me msg app:processReleaseResources FAILED in console. I have tried rm -rf android/app/src/main/res/drawable-* react-...
1
vote
1answer
26 views

How to use two Const in createAppContainer in React native

I am trying to use two Const in createAppContainer but it dose not allow me to do so i have to use createBottomTabNavigator and createStackNavigator both in app.js. here is my code import React from '...
0
votes
0answers
24 views

How to adding button date timeline chart like google finance

I have a problem in making a date time line on a chart. But I use nativebase.io for the UI framework. And when I tried it was not as expected <Tabs tabContainerStyle={{ height: 10 }} ...
0
votes
2answers
24 views

Is there any solution to change the color of icon of tab navigation when it's active using react navigation

I have problem regarding on the activeTintColor the docs of reactnavigation.org that activeTintColor use for Label and icon color of the active tab. however when i tried to my application only the ...