React Native: No bundle URL present

April 28, 2020 A Goodman

I am using React Native 0.62.2, Xcode 11.4, macOS 10.15.4 (Catalina), the latest version of VS Code, and Node 14. The deadly screen appears when I run: I also notice that the Metro terminal doesn’t launch…

React Native: KeyboardAvoidingView example

October 21, 2020 A Goodman

KeyboardAvoidingView is a core component in React Native. This component makes sure the virtual keyboard will never cover the TextInput component so that you can type without annoyance. Without KeyboardAvodingView: With KeyboardAvoidingView: Full example The KeyboardAvodingView…

React Native ActivityIndicator examples

April 23, 2020 A Goodman

A few easy-to-understand examples of how to use the ActivityIndicator API in React Native. The First Example Displaying a loading indicator. The Second Example In this example, we’ll create a simple React Native app that has…

React Native: Opening a website URL with the default browser

April 23, 2020 A Goodman

This article will show you how to open a website URL with the default device’s browser in a React Native app. There is no <a> tag in React Native and to open a web link in…

React Navigation 5.x example

June 2, 2020 A Goodman

A simple, concise example below will help you understand how to use React Navigation 5 in a React Native project, regardless you’re a fan of React Native CLI or a loyal Expo user. Create a completely…

React Navigation: Hide Header Bar on Specific Screens

May 5, 2021 A Goodman

To hide the header bar on one or some specific screens in a React Native app that uses React Navigation 5+, just add the following option to Stack.Screen: Like this: For more clarity, see the example…

React Native: handle TextInput, Button events with State hook

January 21, 2021 A Goodman

This article will show you how to handle TextInput, Button events in React Native with the useState hook. You will also learn how to dismiss the device’s keyboard after the button is pressed by using the…

1 2 3