Create a Flat ActionBar in NativeScript

Here is an ActionBar setting that I recently discovered - the "flat" property. In this NativeScript tutorial (tip) I demonstrate this feature - and hey - it looks pretty good!

► SHARE
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 your NativeScript development skills to the next level
Take 25% off any premium NativeScript course by using the coupon code YOUTUBE

[AZisk]

Did you know about the flat property in a NativeScript ActionBar?

[glowiever]

this is one of the best tutorial ever. concise, to the point. not beating around the bush like any other trainer.

[MultiShiv]

A tip from experience. Don't mix flat action bar with non flat ones on your app. Either make it flat on all pages, or not flat on all pages. Even if you are hiding the actionbar, make sure the flat property is same throughout all pages in your app. Easy way to make sure of this is to set it using CSS like Alex showed you.
ActionBar { flat: true; }

Mixing flat with not flat actionbar works fine on Android, however you'll see weird actionbar behavior when you navigate from a flat actionbar page to not flat actionbar page on iOS.

Thanks for sharing this tip Alex :)

[markos]

Perfect! I was looking for this and spent days in trying. Thanks for sharing this, it solves problem for many of us. Chears

[exodproduction]

I didn't know about this and I was mind blown!
I would like to see more about styling ns app with material design ;)

[SaiyanJin]

That's cool, thanks for the tip!