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
3 views

Touchable opacity event handling stops working on elevation

I have a fixed header component with a touchableopacity on it which works. It's elevation is set to 10. Below it I have a view which I scroll up under the fixed header. It's elevation is set to 0. As ...
0
votes
0answers
5 views

Execution failed for :app:processDebugResources

I have a project that been working just fine, but after some minor changes in code it stopped compiling with the following error: Task :app:processDebugResources FAILED FAILURE: Build failed with an ...
0
votes
0answers
3 views

Warning: Cannot update during an existing state transition (such as within `render`). Render methods should be a pure function of props and state

When I clicked on the touchableopacity button to navigate to another screen within the same tab I got this warning and i cannot navigate. When I run I see the navigated page on my screen but on ...
0
votes
0answers
6 views

Expo: Can the app be single instance when launched

I am using the expo deep linking. Is it possible to load the same instance of the app instead of loading a new instance of the application. Current App -> WebView loaded for login -> After ...
0
votes
0answers
5 views

React Native Router Flux Freezing Without {type:reset}

I'm using React Native Router Flux on my mobile app for rooting. Page structure is like; Login.js Get user password and username validation and store user-token in AsyncStorage If app has user-...
-1
votes
0answers
4 views

react-native-elements Slider is laggy when using victory chart

The problem is that when I just use a slider only with no other code in the application only just implementing the slider then there is no problem in the slider. But when I use the slider along with ...
0
votes
1answer
12 views

My flatlist not rendering without remote debugger

i am working on a app by react native.i have a problem.when my app has a debug mode work very well.but in without debug mode my Flatlist is not rendering all items class ComponentGroups extends React....
0
votes
1answer
7 views

How to update/ refresh the expandable list view in react native

I am developing an android app using react native which includes a cart page. I have used [ExpandableListView]:https://aboutreact.com/expandable-list-view/) to show the items grouped under categories. ...
1
vote
0answers
16 views

React-native manifest merger failed

Suddenly when i compile my project in android phone i get this error with the merge of manifest Execution failed for task ':app:processDebugManifest'. Manifest merger failed : Attribute ...
0
votes
0answers
10 views

websocket event listeners are not called after reconnecting websocket

im trying to make a persistent websocket connection in react native after onerror or onclose. the onmessage, onerror or onclose events are not getting fired. before closing the connection it ...
-2
votes
0answers
17 views

Which UI component can provide path to a folder (not file in a folder!) in React Native?

Have any one an idea if it's possible to pick a folder to save to for iOS/Android? I tried one of the most popular - "react-native-document-picker" but it seems for now it cannot provide this ...
0
votes
0answers
3 views

While running react-native app shows :app:transformClassesWithMultidexlistForDebug'

I have a react native app where all the dependencies were working properly but now when i'm trying to run the app,it's giving me this error com.android.build.api.transform.TransformException: Error ...
0
votes
0answers
9 views

RAM, JSC, Views, UI and JS usage table appearing whenever I launch my react native app. How to remove this table?

I am trying to develop a mobile app for shake gesture in react-native. Everything is working fine, but RAM, JSC, Views, UI and JS usage table is appearing in iPhone7. I am not sure is it related to ...
0
votes
2answers
16 views

Make check IsUserLoggedIn in react native after getting data from Rest Api using Async Storage

I am getting the data of Logged In User using Rest Api and i am storing that data in Async Storage. Now i want to make checks in App.js file to Restrict User if it is already logged in go to home ...
2
votes
0answers
32 views

Enzyme won't detect components from React Native Elements

I am testing my component using Jest and Enzyme which has Input component from React Native Elements but I am getting error Method “simulate” is meant to be run on 1 node. 0 found instead Here is ...
0
votes
0answers
12 views

React native app exiting without any error log

I am creating an app which is user generated content base (UGC). At early stage my app is working perfectly but after a lot of post submitted, the app started to crash and exiting itself. I'm using ...
0
votes
0answers
14 views

Scrolling up flatlist when textinput of an item is focussed, leads to scroll down immediately to the item which was focussed already

Focussing of textinput of last item in flatlist appears keyboard but immeadiately keyboard disappears. In order to solve this,using a property removeClippedSubviews={false} of flatlist fixes this ...
0
votes
2answers
17 views

this.props.navigation.toggedrawer is not a function-React Native 0.59.9 React Navigation 3.11.0

I have a requirement of using Redux in Tabnavigator which is inside of an DrawerNavigator.Redux Portion is working fine, But I am unable to open the drawer on click of a button but the drawer is ...
0
votes
0answers
16 views

react native link break while loop in shell script

There is a file like below react-native-webrtc react-native-randombytes react-native-fs react-native-callkeep There is a shell script with two loop like below while read line do echo ${line} ...
0
votes
1answer
33 views

Snackbar is not shown when internet connnection is changed from ON to OFF

I used the NetInfo library to detect whether the internet connection is available. It is working perfectly , but the snackbar inside the NetInfo function is not shown when internet is changed from on ...
0
votes
1answer
23 views

expo and react native: Redirect back to the running app after login from identity server in webview

I have an react native application initially running on expo client. I am using the webview to login to the identity server and redirect back to the application. It running fine within expo. In the ...
2
votes
3answers
56 views

How to remove hyphens of a text on a <Text> tag on React Native?

I had started recentely to study react native and I'm passing through a several problem on my application. I have a tag that I need to pass a text, that's ok. But I can't let this text had hyphens on ...
0
votes
1answer
30 views

Change navigation bar on android with RN with expo?

I started using React Native with Expo, and I got my first problem, and I don't know how to deal with it. I want to change the navigation bar on Android to dark or to a custom color, but I can't ...
0
votes
0answers
11 views

Select file format .MTL (support Object format) in React Native (IOS)

I am currently working with AR(Viro) in React-Native. I'm using a 3d OBJ format to display 3d model in AR View. The problem is I can't pick the file with format .MTL in IOS. When I check the format of ...
0
votes
2answers
40 views

React-Native How to pass and access data inside an array of array from props

I am trying to: 1) Create an array of objects, one of the object is another array of objects 2) I want to pass the data from parent (array created) to child component to render out the data inside ...
1
vote
0answers
15 views

Gradle build daemon disappeared unexpectedly - Circle CI

I am struggling on this issue from past 3 days. I use react-native on android. Everything was fine until I upgraded to latest version (0.59.4). The build keeps failing with "Gradle build daemon ...
0
votes
3answers
28 views

React native elements header background image

I made a header using react native elements, and I want to add background image into it. Is there anyway to do it? I am using react-native-elements: "^0.19.1" Here is my header code render() { ...
0
votes
1answer
14 views

React Naitve Redux getState Undefined

I am trying to Firebase Phone Authentication with React-redux. but i am getting getState undefined in Action file. i am getting "confirmResult.confirm is undefined" Action.Js const ...
0
votes
0answers
17 views

How do I read the Java log.d() messages using logcat without using Android Studio in a React Native app?

I'd like to read the log.d messages I've written inside some of my Java native modules using logcat, but without having to open/use Android studio. Currently, I can read the regular console logs ...
-1
votes
2answers
32 views

Return from recursive function once

Please forgive me if I don't articulate this correctly. I am calling a recursive function that is returning an object, the object is being returned on each recursion. I wish to only return an object ...
1
vote
0answers
28 views

React native Facebook SDK setup for Android

I'm following the Facebook installation instructions for Android (https://github.com/facebook/react-native-fbsdk), and I'm getting a weird compilation error: error: constructor FBSDKPackage in class ...
1
vote
0answers
23 views

Duplicate assets path name when loading a local html file

I'm trying to load a local html file from my assets folder const localUri = Expo.Asset.fromModule( require('../../../assets/intercom/intercom.html'), ); the file got loaded, but the problem comes ...
1
vote
0answers
22 views

React-Native Android: Resizing native UI Component causes black out

I have a very strange issue I'm struggling with regarding using GLSurfaceView with react native on Android. I've created a custom OpenGL renderer that I want to use as a component in a larger react ...
1
vote
1answer
18 views

How to get list of local videos and display them in grid format in React Native?

I am trying to do something similar to what Instagram has for their select video screen. Where a grid of local videos that can be uploaded and it'll kind of 'preview' the one that is currently ...
1
vote
0answers
16 views

innerHTML returns undefined in react native code for android

I am making a simple android app with react native that get HTML from a site and parse that HTML. But when I want to use element.innerHTML, it returns undefined. However, it returns that element ...
2
votes
1answer
24 views

Cannot receive data through my GET response

I am sending data from my database to my React-native application but when I receive the response from my GET request, I cannot get my data out from the response. I have tried with JSON.stringify, ...
1
vote
0answers
11 views

Expo-2d-context can only draw text to one GLView. Any other GLView shows block letters

I have a component where I need multiple GLViews using expo-2d-context to manipulate them like an HTML canvas. Everything works fine except for drawing text. Calling await ctx.initializeText() only ...
1
vote
0answers
19 views

firebase react-native: convert anonymous user to a permanent user via phone auth

My react-native application allows users to sign in anonymously using firebase. After that I am hoping to allow user to create an account via firebase phone auth and convert this anonymous account ...
1
vote
1answer
17 views

Only show redo search button when user has completely moved to a new area

How can i only show the redo button only when the user has changed region?In my code right now it keeps flickering on and off as the region changes, not sure what is missing. Code: app.js ...
1
vote
0answers
17 views

Surface map generation based on user Geolocation and movement

I need to create a small web hybrid app that uses google maps to track down users movements and in the end generate a shape on the map with some info like area or distance the user did. The perfect ...
1
vote
0answers
17 views

Deprecated Gradle features were used in this build, making it incompatible with Gradle 6

I try to get Apk in react-native however it doesn't give me anything. release file which is in Apk file is empty and after Gradlew bundle release is finished, it says Deprecated Gradle features ...
1
vote
1answer
30 views

Android release build crashes at installation

The app works fine while debugging but release build instantly crashes at launch. Here's the adb logcat stack trace: It seems a NameNotFoundException is being thrown here for the package com.vynilla, ...
1
vote
0answers
15 views

React native navigate to same page with different props

I am working on a RN app that uses a side-drawer.(RN version: 0.59.8) const DrawerNavigator = createDrawerNavigator( { Home: { screen: HomeScreen }, Poems: { ...
1
vote
1answer
23 views

How to apply style as default to my component

I have a nested inside a in React Native. Is there a way to tell React Native to style all nested Text Elements that are inside a specific (or all) View Element? <View style={[container.header,...
1
vote
1answer
29 views

How to prevent React Native from stucking on es6 Promises?

I'm working with Realm DB. When I work with callbacks and promises from native module (add_listener, both from results or subscriptions) my UI stuck and, even if I can see logs from js console of ...
1
vote
0answers
15 views

react-native-camera error when compiling android - cannot find symbol class NonNull

package.js ... "react": "16.8.3", "react-native": "0.59.5", "react-native-camera": "git+https://[email protected]/react-native-community/react-native-camera.git" ... settings.gradle include ':app' ...
0
votes
0answers
8 views

Undefined is not an object (evaluating 'menu.isDisconnected')

I am making a menu with 'react-native' and this problem occurred while adding the logout function. I don't know what to do. please hlep me i dont know how to resolve this run on android emulator ...
1
vote
0answers
14 views

Expo - Lock orientation to landscape

I'm trying to have my expo react-native app displayed in landscape I edited app.json to have: "orientation": "landscape", And this in App.js import { ScreenOrientation } from 'expo'; export ...
1
vote
1answer
16 views

React native "Execution failed for task: ':app:processDebugManifest' after adding Admob module

Working with a React Native project and ready for release but running into this error: Execution failed for task ':app:processDebugManifest'. > Manifest merger failed : Attribute [email protected]
1
vote
0answers
13 views

onSubmitEditing fires on every key press

I'm trying to call a function whenever the user presses the "return" key on the keyboard. Using the following code; <text-input class="hashtags" placeholder="#Fashion" v-model="hashtagField" ...