Programming & IT/C
This is my example of DatePickerAndroid in a React Native application. If you don’t have a project already start a new one by issuing react-native init datepicker First let create a simple button. Container’s style is just to have the button centered in the middle of the screen. Next step is to add the import. … Read more
I will show you how I do conditional rendering in React Native. Create a new react native project if you don’t have one already. If so, you can use that because this example doesn’t require extra dependencies or settings. react-native init conditional Let’s create a common view in Android applications, the drawer toolbar UI pattern. … Read more
Nothign was returned from render is a very basic and common React Native error. What’s the problem it’s easily to figure out from the error message. Basically it boils down to having a render() function but with no return statement. This means somewhere in your code you have a render function that looks like this: … Read more
We will see how to set up React Navigation with Redux. Or at least the way I’m using it. As the official React Navigation website states, Redux integration might not longer work in the future. This means that they no longer advise to store the navigation state in the redux store. If you don’t have … Read more
I will explain my method for using ToolbarAndroid (actually i’m using the wrapper from react-native-vector-icons) to navigate to different screens. I will explain ToolbarAndroid drawer navigation using React Navigator’s stack navigator. ToolbarAndroid Drawer Navigation with Stack Navigator Create a new React Native project using this command: Create a new folder inside named src. We will … Read more
Note this tutorial is not for projects created with Expo Framework. At the time of the writing of this article there are some problems with react-native-vector-icons and latest expo version. Learn how to create a React Native application without expo here. If you are interested in a toolbar using an Expo Project see this Creating … Read more
To get started with React Native on a Windows PC you need: Node.js react-native-cli Android SDK JDK 8 Most of the steps here should work with Linux or OS X, because all the software is available on those platforms also. Let’s start to install React Native. 1. Installing Node.js Go to node download page and … Read more
In this article I will be using Expo framework to show you how to create a React Native hamburger menu. If you are interested in version without Expo, look here for inspiration. Everything is the same but the ToolbarAndroid. Make sure you have node/npm installed and expo framework. Create the project. Choose blank when it … Read more
In React Native StatusBar color can be changed, but I’ve always found it tricky and not working so well on Android. Especially if you’re using expo… Alas, I’ve found a way to do it, I’m not sure if it’s the correct way though. Changing React Native StatusBar color Make sure you have expo-cli installed, otherwise … Read more
This happens when you try to use create-react-native-app command to create a new React Native project. I think this is caused by using an outdated version of create-react-native-app module. I was using 1.0.0, whilst one week before the writing of this article version 2.x.x was released. Updating create-react-native-app You can either use the regular update … Read more