Create a Color Line Shadow in NativeScript Tutorial

Показать описание

In this video I show you how to get those clean line shadows that you can fully control in intensity, size, and color. And they will look pretty much the same on iOS and Android, just by using CSS.

People have been asking for a cross platform implementation of a shadow in NativeScript that looks the same on iOS and Android. Version 5.4 of NativeScript introduced elevation support in Android, but missed out on iOS (which is coming soon).

► CODE DEMO

► PLEASE SHARE THIS VIDEO
Share this video with a friend to help them with their native JavaScript apps:

Share the entire NativeScript playlist to help your friends with their native iOS and Android apps written with JavaScript:

► ASK
If you have a topic you want me to make a video about use #iscriptnative in the comments.

►LET'S CONNECT

► FREE + PREMIUM NATIVESCRIPT COURSES
Take 25% off any premium NativeScript course by using the coupon code YOUTUBE

Рекомендации по теме

Комментарии

Should have a lot more exposure, the only consistent uploader on Nativescript, and all the tutorials are easy to follow, thank you.

GunmAlita

Thank You Alex for this trick. It’s simple, but elegant.

nickkaraliou

Great work Alex
I believe CSS is the key to make powerful apps with Nativescript

mohammedalarayshi

Hi I need to know how to get a shadow in the box only on the right and bottom and also in the top and left in the inner side of shadow

abinaabi

Yes Alex, as a Web Developer, we ❤️ CSS for styling. Line shadows are Go {N} v5.4

dereklewis

Awesome and very helpful tutorial Alex. It really helps me . But I have one question for you. I have a button with Hexagon shape . How can I give it a shadow ? Please help me on this.

ozadixit

Hi Alexander, very nice video. Can you make a video, how to create a calendar days view on top of the screen, and make it fixed on top? Thanks. Have a great day.

abugsbunny

Awesome Tutorial Alex. I'll send you some animation ideas i am trying

seyzeffects

Hi Alexander is there a way to add box shadow now?

afnanshaikh

Create a Color Line Shadow in NativeScript Tutorial

Create a Color Line Shadow in NativeScript Tutorial

How to COLOUR Your Art (Beginner Friendly)

tips for RENDERING Digital Art (coloring & shading tutorial)

Adobe Illustrator Tutorial - How to Ink and Colour Vector Illustrations

How I Color Characters In 4 Steps

How to make Realistic shadow in photoshop #shorts #subscribe #photoshop

30-Second Photoshop: Replace Background & Create Shadows #Shorts

Don't make these shading mistakes

Easy Eye Makeup Tutorial with Paradise Le Shadow Sticks by L'Oréal Paris

Glow effect using shadow in Coreldraw #coreldraw #tutorial #gloweffect

How to color your drawings - (Anime Cel-Shading method)

How Blend Images and match colors in Photoshop Tutorial for beginners

4 BEST Ways To Color Your Artwork In Adobe Fresco 2025 | Beginner 101

Procreate Tips #21: Adding Shadows & Highlights #shorts

How To RENDER | Digital Art Tutorial

“A” with Neon Lights! 🤩✨🎨 || What letter I Should Do Next?! 🤔 #artistomg #art #letter

This is MUCH BETTER Than Drop Shadow in Photoshop!

How To Shade Every Other Line in Excel with Conditional Formatting

Shadow colors in watercolor #watercolortutorial #watercolor #arttutorial

5 Things I Tell Beginner Digital Artists

[QUICK TUTORIAL] How to make a color gradient in Corel Draw X7

How to Create Line Chart with Gradient Shadow in Power BI

Excel - 3 Methods to Shade Every Other Row

Evolution Of Shadow #shorts