YogaLayout

Android Device	Android Emulator	iOS Device	iOS Simulator
✅	✅	✅	✅

Installing

    ns plugin add @triniwiz/nativescript-yogalayout

Configuration

Core

IMPORTANT

Ensure you've included xmlns:ui="@triniwiz/nativescript-yogalayout" on the Page element

<ui:View width="300" height="300">
  <Label text="Left"/>
  <Label text="Center"/>
  <Label text="Right"/>
</ui:View>

Angular

import { YogaLayoutModule } from '@triniwiz/nativescript-yogalayout/angular';

@NgModule({
    imports: [
      YogaLayoutModule
    ],
    declarations: [
        AppComponent
    ],
    bootstrap: [AppComponent]
})

Vue

import Vue from 'nativescript-vue';
import View from '@triniwiz/nativescript-yogalayout/vue';

Vue.use(View);

React

import { view } from '@triniwiz/nativescript-yogalayout/react';
return <view />;

Svelte

import '@triniwiz/nativescript-yogalayout/svelte';

<view></view>