TypeScript 2.x By Example

The Homepage style sheet file

NativeScript provides three ways of styling an application:

• App.css: As the name suggests, all the styles defined in app.css are global in nature and applicable for the whole application.
• viewName.css: The view name is the name of our component, so in the case of the homepage, it's homepage.css. This style sheet is the same as what we use in an Angular web application. The styles defined here are only applicable to the associated template.
• viewName.platform.css: In NativeScript, we target multiple mobile platforms, and sometimes we want a different style for an Android application versus an iOS application. In these cases, we can create separate styles using viewname followed by the platform, which can be Android or ...