Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
-
Economics & Finance
Articles by Saba Hilal
Page 5 of 6
Using the Slider Examples in Snack
Sometimes, the task is to increment a number in a given range. For this different types of Sliders can be used. Different libraries permit using sliders in mobile apps. In this article, the React native and javascript code is shown with two different examples where in the first example, the '@react-native-community/slider' component “Slider” is used. In another example, the circular slider called the ArcSlider is used from "rn-arc-slider" to make a slider and then render it on the screen of the device. Example 1: Using Slider from 'react-native-community/slider' to print table of a number. Algorithm Step 1 − Import ...
Read MoreUsing SVG Circles in Snack
Sometimes, the task is to draw basic shapes such as lines, rectangles, circles, etc. in an app. For this, using Svg from 'react-native-svg' can be used. In this article, the React native and JavaScript code is shown with four different examples where in the first example, the 'react-native-svg' component “Svg” and Circle are used to draw the circles, stylize these and display these. In the second example, the different styles of circles are drawn in a concentric form. In the third example, how to make a clickable circle is shown. After clicking this, a simple alert shows a message. In ...
Read MoreUsing Images in Snack
Sometimes, the task is to pick the images from the mobile device and then show these images in Apps. For this ImagePicker from expo-image-picker can be used. In this article, the React native and javascript code is shown with two different examples where in the first example, the React Native component “Image” is used to select the image, resize and display it. In another example, the method to select the image from the computer or mobile device is shown and then rendering it on the screen of the device. Example 1: Resizing and Showing the Image by using React Native. ...
Read MoreUsing Lists in Snack
Sometimes, the task is to store and display several items as a List. For this React Native component, Flatlist can be used. The FlatList can also be made selectable or clickable. In this article, the React native and javascript code is shown with two different examples where first the items of a list are stored as an array of key-value pairs identifiable with a unique id and then fetched and rendered. Algorithm Algorithm-1 Step 1 − Import FlatList, Text and View from 'react-native'. Step 2 − Make the App.js and write the code for storing a list. The list is ...
Read MoreMaking Two Screen App in Snack
In React native apps, multiple screens are often needed. And the user needs to go from one screen to the other screen. In this article, two different approaches are used to make the two-screen apps where the user can go from one screen to the other and back. In Example 1, the createStackNavigator module from 'react-navigation' is used to implement the navigation while in Example 2, for creating the navigation the createSwitchNavigator is used. Algorithm Algorithm 1 Step 1 − Import createStackNavigator from 'react-navigation' Step 2 − Make the App.js and write the code for navigation from one screen ...
Read MoreUsing the WiFi Mode with ESP32
ESP32 microcontroller can connect to the internet and use the wifi. It can be used to see the network details of the available networks. It can also be used for advanced functions such as changing the MAC address of ESP32. In this article, using three different examples, the programs using the wifi with ESP32 are given. In example 1, a C program is used to scan the wifi networks available and the details are displayed. In example 2, the wifi connection is established by giving the SSID details, and in example 3, the current Mac address of ESP32 is seen ...
Read MoreUsing NoSQl Database with IOT
NoSql databases are those databases that do not store the data as data is stored in relational databases. Most of the data that is used in real life is often unstructured. These NoSQL databases provide an easy way to store this unstructured data by using key-value pairs. In this article, a NoSQL database called Firebase is used with a C program that controls the IOT circuit. The article presents the writing of the values to the firebase and getting the values from the firebase in real time and using those for controlling the circuit components. Connecting the Firebase, Wifi, C ...
Read MoreThings Needed to start IOT
IOT ie. The Internet of Things refers to all those devices that can communicate over the Internet and can be made accessible or connectable by anybody and from anywhere in the world. IoT is already being used or has been seen implemented in different forms such as in Smart cars and watches, Smart homes, Smart irrigation systems, Smart cities, etc. To start learning IOT, first, it is important to learn about the things that are needed to make circuits. There are some simulators available to make the beginner of IOT learn these concepts without even having the IOT devices available. ...
Read MoreColor Shades using RGB Led
To learn about RGB led and the difference between single-color LEDs, it is important to make a circuit using a microcontroller such as ESP32 or Arduino and RGB led. Then it is important to manage that circuit using a program. There are some simulators available to make the beginner of IOT learn such concepts without even having the IOT devices available. However, to get real results, using the circuit components and making the actual circuit is important. In this article, using two different examples, the way to use the RGB led is given. In example 1, the actual circuit using ...
Read MoreBMP 180 Pressure Sensor
BMP180 sensor is a sensor that can be attached to a microcontroller on a breadboard and can measure the pressure, temperature, and altitude of a place. It can be connected to controllers such as ESP32 or Arduino and can be used by programs to read the values. In this article, using three different examples, the use of the BMP180 Sensor is demonstrated using ESP32. The circuit is made using an ESP32 microcontroller and BMP180 sensor and the programs to measure the temperature or pressure or altitude are written using Arduino software. Example 1 − Measuring the temperature of a place ...
Read More