Как разделить страницу на части в приложении NativeScript - PullRequest
Новая
       15

Как разделить страницу на части в приложении NativeScript

0 голосов
/ 07 мая 2019

Я впервые создаю приложение с помощью NativeScript и хочу разделить экран на 2 части (одна с белым фоном и закругленными углами). Если бы я создал HTML-страницу, я бы использовал Flexbox.

В моем приложении NativeScript Angular я сделал это так: 

<FlexboxLayout flexDirection="column">

    <Label height="200px" >
    </Label>

    <Label height="1000px" backgroundColor="white" style="border-radius: 80px 80px 0px 0px;"> 

            <Button class="btn btn-primary btn-active" id="button" text="Tap me!"></Button>


    </Label>


</FlexboxLayout>

И выглядит нормально, но на этом ярлыке ничего не появляется. Как мне разделить страницу моего приложения?

1 Ответ

1 голос
/ 08 мая 2019

Похоже, вы не используете теги для правильной цели. Я думаю, что вы хотели бы что-то подобное на основе предоставленного примера кода. 

<GridLayout rows="200 *" columns="*">
 <Label />
 <GridLayout row="1" backgroundColor="white" rows="*" columns="*" style="border-radius: 80 80 0 0">
    <Button class="btn btn-primary btn-active" id="button" text="Tap me" />
  </GridLayout>
</GridLayout>

Метки можно использовать только с тегами FormattedString и Span внутри, вот так. 

<Label>
   <FormattedString>
        <Span>Some text</Span>
        <Span style="color: blue"> with partial style</Span>
   </FormattedString>
</Label>

GridLayout будет вашим лучшим другом в Nativescript и гораздо более производительный, чем FlexboxLayout, поэтому используйте его там, где сможете.

...