Stack Overflow
Stack Overflow

Questions tagged [react-native]

React Native is a JavaScript library used to 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.

React Native is an open-source framework created by Facebook that lets you build mobile apps using only and some basic and . It uses the same design as React, letting you compose a rich mobile UI from declarative components.

React Native apps are not "mobile web apps" or "hybrid apps". They are real cross-platform mobile apps that are indistinguishable from apps built using or . is often used to bring clarity in development.

The idea behind React Native can best be captured by the slogan "Learn once, write anywhere", enabling developers to use the same development approach for both desktop/browser and mobile apps.

Technically React Native runs the JavaScript code for a React app in a background thread. Updates to the virtual DOM are collected, and all changes are sent through an API into the native portion of the app. By doing this, React Native avoids slowing down the FPS rate of the app by not making the app wait for unfinished JavaScript operations.

Resources

Related tags

133828 questions
21
votes
3 answers

React Native EXPO Apple upload fail

I created the app through Expo. I uploaded the ipa through the Application Loader, and it was rejected as the message below. What is the problem? This bundle is invalid - The Info.plist file for /Payload/ExpoKitApp.app/FacebookSDKStrings.bundle…
Kihyun An
  • 251
  • 1
  • 11
21
votes
10 answers

Command Failed: gradlew.bat installDebug error whenever installing dependencies like navigation, firebase, icons etc in React-Native

When ever i install any dependency in my react native project and when ever i use link command for e.g react-native link react-native-gesture-handler this causes me an error shown in the image [1]. It doesn't build the project shows the error…
Ovais Butt
  • 243
  • 1
  • 2
  • 9
21
votes
1 answer

Does react native support CSS grid?

Very straight forward question, I hope you guys can help me. I was just wondering if react native support CSS grid? If so, how can I do it? I know it supports flexbox. Thanks.
Yuri Vasconcelos
  • 319
  • 1
  • 2
  • 6
21
votes
4 answers

expo is out of date uninstall and run again to upgrade

when running my app on ios simulator, I am getting the following error This version of the Expo app is out of date. Uninstall the app and run again to upgrade. Here is how I tried to upgrade expo-cli yet not successful npm update -g yarn add global…
user10398929
21
votes
1 answer

Implement @mention in TextInput

How can I implement @mention in react native's TextInput? I've tried this react-native-mention but it is not being maintained anymore. There are so many styling issues and callback issues. What I want is to display custom view inside TextInput.…
Sagar Chavada
  • 5,169
  • 7
  • 40
  • 67
21
votes
3 answers

React Native - There is no route defined for Login

I'm learning react native with configuring tabNavigator, DrawerNavigator, and StackNavigator into one without NativeBase or Expo with a single react-navigation library. I achieved it but there comes an error when I perform some specific sequence in…
ravi
  • 1,130
  • 16
  • 29
21
votes
7 answers

App not installed error when using app center distribution for android

Keep getting this error when I try to install the downloaded sdk. Any ideas? The app builds and tests without errors. I get no detailed error message, only App not installed How can I get a more detailed error message? Any ideas? My very first…
Bomber
  • 10,195
  • 24
  • 90
  • 167
21
votes
2 answers

React-Native: Margin with percentage value

I'm trying to use percentage value for margin style attribute on my React Native project but it seems to reduce the height of one of my View component. If I replace percentage value by an absolute value, there is no more issue and it works fine. Did…
Thomas Lupo
  • 231
  • 1
  • 2
  • 5
21
votes
6 answers

Change Button Font Size on React Native

I'm trying to change Button font-size on my react native app, but I got an error. Does anyone know how to properly do it? Thank you.
webprogramming13
  • 243
  • 1
  • 2
  • 6
21
votes
3 answers

How can I propagate touch event in nested Touchable in React Native?

In my app I have a nested Touchable element. Every time I press on one of them, I got only one event. Can I propagate the inner downward the layer? Thanks in advance! Code as follow: {…
mannok
  • 1,712
  • 1
  • 20
  • 30
21
votes
10 answers

Module not found: Can't resolve 'react-native' - React Native

I have just started learning React Native and wanted to add input fields to the page. I have gone through this tutorial to add input fields. But whenever I run the React App it throws the following error. ./src/Inputs.js Module not found: Can't…
Alpesh Trivedi
  • 944
  • 2
  • 13
  • 33
21
votes
4 answers

React Native elements searchbar border lines not clearing

I'm working with React Native elements searchbar and am struggling to get these two little lines on the top and bottom to go away - I can't figure out what they are: Weirdly formatted Searchbar image here This is my searchbar code:
alberta
  • 225
  • 2
  • 7
21
votes
2 answers

Detect whether touch was Apple Pencil or finger in webview (react native)

In safari mobile, touches can be classified as Apple Pencil vs other (finger/ mouse) using: event.touches[0].touchType === 'stylus' //pencil event.touches[0].touchType !== 'stylus' //other However all events received in a react native webview (both…
pythonjsgeo
  • 5,122
  • 2
  • 34
  • 47
21
votes
6 answers

A way to only link fonts react native

I am working with react native and I only want to link my fonts and nothing else. I am using react-native-maps and it specifically says in the docs "Do not use react-native link" Everywhere I look I see that people say to do react-native link in…
E Pierre
  • 416
  • 1
  • 4
  • 14
21
votes
1 answer

How would I animate the width of a button based on percentage, and the same for it's backgroundColor?

I have some I want to animate it to go from 100% width to 40% width depending on a prop that is a boolean called isFullWidth. I have: class AnimatedButton extends Component { constructor(props) { super(props); …
VDog
  • 1,083
  • 2
  • 13
  • 35
1 2 3
…
99
100