As I am new in react-native so if there is anything wrong in steps let me know. I have build a react native android app using the command as per documentation react-native android while running on device the following command was used react-native run-android which gives me the output of 2 apk files in my … Read more
I’m trying to run AwesomeProject on my Nexus5 (android 5.1.1). I’m able to build the project and install it on the device. But when I run it, I got a red screen saying Unable to download JS bundle. Did you forget to start the development server or connect your device? In react native iOS, I … Read more
I have an element that I want to float right, for example <View style={{width: 300}}> <Text style={{backgroundColor: “#DDD”}}>Hello</Text> </View> How can the Text be floated / aligned to the right? Also, why does the Text take up the full space of the View, instead of just the space for “Hello”? 9 Answers 9
I’m trying to send GET request as second parameter but it doesn’t work while it does as url. This works, $_GET[‘naam’] returns test: export function saveScore(naam, score) { return function (dispatch) { axios.get(‘http://****.nl/****/gebruikerOpslaan.php?naam=test’) .then((response) => { dispatch({type: “SAVE_SCORE_SUCCESS”, payload: response.data}) }) .catch((err) => { dispatch({type: “SAVE_SCORE_FAILURE”, payload: err}) }) } }; But when I try … Read more
I am using react-native to build a cross-platform app, but I do not know how to set the environment variable so that I can have different constants for different environments. Example: development: BASE_URL: ”, API_KEY: ”, staging: BASE_URL: ”, API_KEY: ”, production: BASE_URL: ”, API_KEY: ”, 20 Answers 20
Is it possible to get the size (width and height) of a certain view? For example, I have a view showing the progress: <View ref=”progressBar” style={{backgroundColor:’red’,flex:this.state.progress}} /> I need to know the actual width of the view to align other views properly. Is this possible? 8 Answers 8
I am currently learning hooks concept in React and trying to understand below example. import { useState } from ‘react’; function Example() { // Declare a new state variable, which we’ll call “count” const [count, setCount] = useState(0); return ( <div> <p>You clicked {count} times</p> <button onClick={() => setCount(count + 1)}> Click me </button> </div> … Read more
This is the style of the view that i have used backCover: { position: ‘absolute’, marginTop: 20, top: 0, bottom: 0, left: 0, right: 0, } Currently it has a white background. I can change the backgroundColor as i want like ‘#343434’ but it accepts only max 6 hexvalue for color so I cannot give … Read more
When I run this command: react-native run-ios My app runs by default in the iPhone6 simulator device: Found Xcode project RN.xcodeproj Launching iPhone 6 (9.2)… How can I have the app run in a different simulator device (like iPhone5s) by default? 15 Answers 15
The following code can be found in this live example I’ve got the following react native element: ‘use strict’; var React = require(‘react-native’); var { AppRegistry, StyleSheet, Text, View, } = React; var SampleApp = React.createClass({ render: function() { return ( <View style={styles.container}> <View style={styles.descriptionContainerVer}> <View style={styles.descriptionContainerHor}> <Text style={styles.descriptionText} numberOfLines={5} > Here is a really … Read more