Questions tagged [reactjs-native]

React Native is an open source framework created by Facebook to enable the development of apps for iOS and Android with React delivering the same performance as purely native apps do.

React Native is an open source framework created by Facebook to enable the development of apps for iOS and Android with React delivering the same performance as purely native apps do. The idea behind React Native can be 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 making the app wait for unfinished JavaScript operation.

React Native was announced at React.js Conf 2015, the source code will be made available shortly after the conference. The presentation with the announcement of React Native is available on Youtube.

53 questions
2
votes
0 answers

React Native random white screens throughout debug and release app

I've been working on a React Native app on an Android tablet for my current contract and it's now going through its Alpha phase. For the most part it's working very well, it's responsive, performant, and mostly stable. There's one issue that keeps…
basudz
  • 997
  • 1
  • 6
  • 14
2
votes
1 answer

ReactJS render a OBJ.map based on values of an array

I am trying to render a set of
based on the items that are in an object but I don't want to have to specify the name of the items in the object in order to display them. In the example below I want the WorkObjectID and WorkObjectVal to…
barracuda
  • 968
  • 3
  • 10
  • 26
2
votes
2 answers

How to package react-native application

I am building a sample react native application. Currently i am running it using the node server.Node server is serving the js file. You can see this in following screenshot: I want to shift to the option2, for this, if there is any change in the…
Ashwin Preetham Lobo
  • 1,856
  • 1
  • 14
  • 19
1
vote
0 answers

How to create dev/staging/preprod/prod and default environment using expo SDK 36 for Android iOS and Web?

I am using SDK36 of expo and I need to create a cross platform app for iOS, Android and the Web. I have found that --release-channel will allow me different release between iOS and Android, it can be used like: expo build:android --release-channel…
1
vote
0 answers

How to make a video from images and music in react native?

I want to know whether is it possible to make video from images and add music in it as well in react native. If possible can you please share how to achieve that.
1
vote
1 answer

Aggregating the values of a column in table in React based on another column

I am getting data from an api and displaying it in a table with 2 columns. 1st column contains the name and the second column contains amount as shown in Table1. The data in the api contains duplicate names and amounts are different for the same…
Midhun Mathew Sunny
  • 1,271
  • 4
  • 17
  • 30
1
vote
0 answers

Victory native charts not working with create-react-native-app

I'm new to react-native and want to use victory-native in my create-react-native-app. I came across Victory charts after googling for some time, but unfortunately, I'm not able to use it. This is the error screenshot And And this my code: import…
Avijit Dutta
  • 3,651
  • 3
  • 13
  • 16
1
vote
3 answers

Using relative path for Fetch network call, getting "unrecognized url"

Everything I read says that you can pass a relative url into a fetch call eg fetch('/path/to/resource/') but when I do that, I get an "unrecognized url" error. Instead I'm being forced to do an absolute url for my local host, which makes it a pain…
Brimby
  • 847
  • 8
  • 25
1
vote
1 answer

Reactjs/Flux/altjs Listen for Store Changes slow down app

i need to update Store on every button click on listView and change button state icon accordingly. unfollowing_ids is an array. componentWillMount: function() { FollowingStore.listen(this.onChange); }, componentWillUnmount: function()…
Waleed Arshad
  • 1,081
  • 3
  • 12
  • 24
1
vote
2 answers

Will React Native work with ad SDK's?

I know this isn't a specific code question, but I have asked in a lot of places and haven't gotten a completely clear answer. I'm hoping SO can help me. I'm about to start a moderately complicated React Native project for both iOS and Android. I'm…
Tallboy
  • 12,847
  • 13
  • 82
  • 173
1
vote
0 answers

When does ReactJS Native proxy to your server, and how do you get it to run on an iOS device for real, independently of the server?

I ran a fledgling ReactJS Native / iOS app under development from the simulator, and noticed that when I tested it on my iPhone, it immediately crashed because the device couldn't talk to its own 127.0.0.1:8081. (The solution to this was to change a…
Christos Hayward
  • 5,777
  • 17
  • 58
  • 113
1
vote
1 answer

How do I load images / assets from Images.xcassets in ReactJS Native?

I have images placed the usual way in Xcode's Images.xcassets for my ReactJS Native project. However, I don't know the syntax to reference a PNG from an . https://facebook.github.io/react-native/docs/image.html gives an example syntax of: …
Christos Hayward
  • 5,777
  • 17
  • 58
  • 113
1
vote
0 answers

How can I add and transform images using React Native for Apple Watch?

With the HTML5 canvas, one can transform() elements (http://www.w3schools.com/tags/canvas_transform.asp) for the general purpose multitool, and convenience methods let you do helpful subsets of a generic transform, like rotate(), scale(), and…
Christos Hayward
  • 5,777
  • 17
  • 58
  • 113
1
vote
1 answer

Limitation on defining stylesheet in reactjs native version

If I try to define a textalign with justify value in reactjs native, I get the error message that only four values are supported: auto, left, right, center. Is it possible to work around this, and define textalign with justify? Below is the sample…
Sal
  • 4,312
  • 1
  • 17
  • 26
0
votes
1 answer

How to make transparent Status Bar in React Native

How to make transparent Status Bar in React Native?