What is the div equivalent element in Nativescript

Question

I am trying to wrap some elements to provide styling and i do not see any element that can be used as a container.

What is supposed to be used in such a case?

Also kindly link to the available css properties in Nativescript as i was unable to find a list of available css properties.

Here are the supported CSS properties: http://docs.nativescript.org/ui/styling#supported-properties — jasssonpet, Dec 24 '15 at 06:34

score 5 · Accepted Answer · answered Dec 26 '15 at 18:10

5

While styling elements is useful, I think the answer to your question would be to use StackLayout or GridLayout depending on what you want to do.

answered Dec 26 '15 at 18:10

Brad Martin

5,637
4
28
44

Basically everything in NativeScript is "stylable". So Layouts suit your needs. – Andrey Luiz Jan 13 '16 at 18:59

score 1 · Answer 2 · answered Mar 03 '20 at 18:22

StackLayout or GridLayout are commonly used, but not best practice. Nesting many StackLayout or GridLayout will slow the performance of your app, so use them sparingly. Use Label more often. Also, a handy tip is using FormattedString for nesting some paired elements.

Example:

<Button class="-primary p-8">
    <FormattedString>
        <Span text="&#xf007;" class="fas t-18"></Span>
        <Span text=" Different " color="red"></Span>
        <Span text="colors in "></Span>
        <Span text=" Button " backgroundColor="green" color="whitesmoke"></Span>
    </FormattedString>
</Button>

https://docs.nativescript.org/angular/ui/ng-components/formatted-string

What is the div equivalent element in Nativescript

2 Answers2