In this article, we will learn How To Add Padding To Any Widget In Flutter. Creating Padding Widget Above we have Container as the parent widget and the child is Padding() widget, it has a padding property that takes EdgeInsets with all() and other method with the float value (amount of padding). The Padding widget […]
In this article, you will learn How To Add Rounded Containers or Corners to Widgets In Flutter. Import Material Package We will first import the Material Package from Flutter in order to add material design to our Flutter App. Adding Material App To the main function Here we have created the main function which is […]
In this article, you will learn How To Deploy Svelte Project To Netlify. Creating Svelte Project Above commands will create a new Svelte Project and after creating you can install the dependencies using Yarn or NPM.For this article we will create a simple Count App and will deploy it to Netlify. App.svelte Above we have […]
In this article, you will learn How To Implement Admob Ads In Your React Native App. Steps Install Expo Install Other Dependencies Create Banner Ad Create Interstitial & Rewarded Creating Expo Project npm install -g expo-cli After installing Expo Client we will now create project using expo. expo init react-native-admob cd react-native-admob expo start After […]
In this article, you will learn How To Add Head Tag In Svelte. In Svelte you get a tag for adding all the functionality of <head> tag like adding a title and CSS CDN(like bootstrap). Adding Head Tag Here, we have a <svelte:head> tag which is provided by Svelte. We have a title and a […]
In this article, you will learn How To Bind Checkbox In Svelte. Checkboxes are used for toggling between states and to show some data depending on the checkbox. Binding Checkbox Here we have a variable with a Boolean value and we’ll show data on the basis of the checkbox. You just have to add bind:checked […]
In this article, you will learn about Props in Svelte. Props is short for Properties, and it is used for passing data from one component to another. How To Pass Data Using Props In Svelte, it is very easy to pass props compared to React. As you just have to add an export word at […]
What Is Lifecycle? Every component has a Lifecycle that starts when it is created. Sometimes we need a function to run when the component is rendered like fetching APIs. Import onMount Here we have imported the onMount lifecycle and created an empty array. Using onMount Above we have fetched the API and assigned it to […]
In Svelte binding works differently and it’s two-way binding. In Svelte you don’t need any function or method to handle the input event as we do in React. Here we have a variable as name with an empty string and in HTML we have <input> with bind of the variable name and that’s it. You […]
In this tutorial, we will learn How To Add Image Transitions In Svelte. Importing Transitions Above we have imported transitions from Svelte and a variable to control the transition in our component. Toggle Transition Above we have created a <button>, with which we will toggle the transition by changing the value of visible to the […]
In this article, you will learn How To Fetch JSON In Svelte. Fetching API We will fetch sample API which is in JSON format and we will convert the fetch request to JSON and render it in our DOM. In the above code, we have a <script> tag which contains an asynchronous function getUsers() as […]
In this article, you will learn How to Center A Navbar in HTML & CSS. What is a Navbar? A Navbar is a section in a Website that contains links to other parts of the Website for example About Page, Contact Page, Feedback Page, etc. Let’s create a Navbar in HTML:- index.html In the above […]
