Saba Hilal has Published 63 Articles

Using the Slider Examples in Snack

Saba Hilal

Saba Hilal

Updated on 02-May-2023 14:59:17

459 Views

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 ... Read More

Using SVG Circles in Snack

Saba Hilal

Saba Hilal

Updated on 02-May-2023 14:47:57

1K+ Views

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” ... Read More

Using data in JSON format in Snack

Saba Hilal

Saba Hilal

Updated on 02-May-2023 14:43:09

694 Views

There are lots of ways to use data with apps made with Snack Expo. Sometimes the data is stored as JSON, that mean JavaScript Object Notation. In this format, the data can be stored easily as Key-Value pairs and can also be converted to a CSV file. In this article, ... Read More

Using Images in Snack

Saba Hilal

Saba Hilal

Updated on 02-May-2023 14:40:43

923 Views

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 ... Read More

Using Lists in Snack

Saba Hilal

Saba Hilal

Updated on 02-May-2023 14:34:09

242 Views

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 ... Read More

Making Two Screen App in Snack

Saba Hilal

Saba Hilal

Updated on 02-May-2023 14:25:07

439 Views

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 ... Read More

How to load CSS files using JavaScript?

Saba Hilal

Saba Hilal

Updated on 18-Apr-2023 15:23:15

6K+ Views

Sometimes, the task is change the page themes and to use different CSS files on the same page content. In such tasks the need is to fetch a CSS and load it dynamically while selecting a theme. In this case the CSS file has to be accessed, loaded and even ... Read More

How to locate the user's position in HTML?

Saba Hilal

Saba Hilal

Updated on 18-Apr-2023 15:19:08

400 Views

Sometimes, the task is to find the user’s current position and then to show the location coordinates on the webpage or show the location on a map. Using HTML and javascript code this process of getting the current location of the user in an HTML page is demonstrated in this ... Read More

How to load a hyperlink from one iframe to another iframe?

Saba Hilal

Saba Hilal

Updated on 18-Apr-2023 15:12:22

676 Views

Sometimes, the task is to click a link in one container and to display the content in another container. In HTML, iframes are used to easily show the content in specified area on the page. In this article, using two different examples, links are used to load an iframe ... Read More

How to link back out of a folder using the a-href tag?

Saba Hilal

Saba Hilal

Updated on 18-Apr-2023 15:09:20

1K+ Views

Sometimes, the task is to fetch a page from a subfolder and then to come back to the page in the parent folder. Using HTML code this process of providing a link to back out of a folder using a tags and href tags is demonstrated in this article. This ... Read More

Advertisements