react-native

Nader Dabit’s answer is outdated, since using String literals in ref attributes has been deprecated. This is how we would do it as of September 2017: <Child ref={child => {this.child = child}} {…this.props} /> <Button onPress={this.child.myfunc} /> Same functionality, but instead of using a String to reference the component, we store it in a global … Read more

The chaining response should look more like this, specifically the response.json part. Then you should get an Object back in console.log. .then(response => response.json()) .then(response => { console.log(response) }

UPDATE 26.08.2019 Since the initial version of the answer, TextInput’s API has changed, and answer below is no longer valid. I haven’t worked with react-native for more than 2 years now, so I can’t really tell which version had these changes. Regarding the answer, onChangeText is still a simple prop, that gives whatever is the … Read more

Note: from React-Native 0.60.0 linking packages using react-native link has become redundant. Autolink has been added to the React-Native CLI which means that iOS will now use cocoapods and Android will use gradle. You can read more about Autolinking here. What is react-native link? react-native link is an automatic way for installing native dependencies. It … Read more

This Means you are getting Html response from the server probably a 404 or 500 error. Instead of response.json() use response.text() you will get the html in text. fetch(“http:/example.com”, {method: “POST”, body: JSON.stringify( { uname: uname, password: password } ) }) .then((response) => response.text()) .then((responseData) => { AlertIOS.alert( “POST Response”, “Response Body -> ” + … Read more

The recommended way is to create your own component, such as MyAppText. MyAppText would be a simple component that renders a Text component using your universal style and can pass through other props, etc. https://reactnative.dev/docs/text#limited-style-inheritance