Before creating links, we need to understand what is link and how many types of link in the Linux system.LinkLinks are shortcuts to access a file. It is a connection between file name and actual data in the system. We can say that a link is a pointer to a ... Read More

To set Readline key bindings and variables in the Linux system, we use the bind command.The bind is used to assign functions and macros to a key. It allows to create hotkeys instead of typing the entire command. The bind command available in the shell built-in command.SyntaxThe syntax of the ... Read More

To display chips in the UI, we are going to make use of React Native Paper Material Design.Install react native paper as shown below −npm install --save-dev react-native-paperThe chip component looks as follows on the UI −The basic chip component is as follows −Chip NameThe basic properties of chip are ... Read More

React Native offers an Animation component that helps to add more interactivity to components available.The animation component can be used to animate View, Text, Image, ScrollView, FlatList and SectionList.React Native provides two types of animation −Animated APILayoutAnimationAnimated APIThe animated api helps to provide time based animation based on the input/output.In ... Read More

Checkboxes is a common component that we often use on the UI. We do have some cool ways of showing checkboxes in reactnative.The core react-native package does not have checkbox support and you need to install a package to work with it.Following package has to be installed to display checkbox ... Read More

To display date and time picker in your app you have to install a package as shown below −npm install @react-native-community/datetimepicker --saveOnce you are done installing, let us now proceed on how to display a Datepicker first.Example: DateTimePicker in ReactNativeImport the datetimepicker component first as shown below −import DateTimePicker from ... Read More

SwitchSelector component is similar to a radio toggle button. It allows you to select with more than 2 values.To work with SwitchSelector you have to install the package as shown below −npm i react-native-switch-selector --save-devThe basic SwitchSelector looks as follows − console.log(`value selected is : ${value}`)} />Here are some important ... Read More

While developing your app you can come across the error as stated above. Here is the code that gives the error −Exampleimport React from "react"; import { Image , Text, View, StyleSheet } from "react-native"; export default class App extends React.Component {    render() {       return ( ... Read More

Problem: How to handle the error “A navigator can only contain 'Screen' components as its direct children” while working with Navigation in ReactNative?SolutionWhile working on your app you may come across issues like stated above. Here will understand why such error comes up and what can be done to avoid ... Read More

While working on the app, we would like to switch from one screen to another and that is handled by react navigation.To work on navigating pages we need to install few packages as follows −npm install @react-navigation/native @react-navigation/stack npm install @react-native-community/masked-view react-native-screens react-native-safe-area-context react-native-gesture-handlerOnce you are done with the above ... Read More