Как добавить абсолютный элемент на страницу NativeScript

По сути, самый простой способ сделать это — обеспечить динамическую и полную кросс-платформенную совместимость — создать элемент AbsoluteLayout в коде JavaScript и динамически вставить элемент и AL в контейнер страницы.

Код будет примерно таким:

var AbsoluteLayout = require('ui/layouts/absolute-layout').AbsoluteLayout;
var myAL = new AbsoluteLayout();
var myItem = new myPluginItem();

// Set you left, right, top, bottom coords.
myItem.top = x;

// Add our item to the AbsoluteItem
myAL.addChild(myItem);

var frame = require('ui/frame');
var page = frame.topmost().currentPage;
var LayoutBase = require('ui/layouts/layout-base').LayoutBase;

page._eachChildView(function(view) {
  if (view instanceof LayoutBase) {
     view.addChild(myAL); 
     return false;
  } 
  return true;
});

Однако, если вы не хотите делать это очень простым способом; единственный другой способ - фактически пойти немного ниже уровня. Вы можете изначально получить доступ к контроллеру представления iOS (page._ios.view) и представлению Android (page._nativeView), а затем вручную добавить его в представление, используя такие вещи, как addView (https://developer.android.com/reference/android/view/ViewManager.html) или addSubview (https://developer.apple.com/library/ios/documentation/UIKit/Reference/UIView_Class/).

Я хотел бы добавить, что вы можете установить свойства Top и Left в TypeScript, импортировав AbsoluteLayout следующим образом

import {AbsoluteLayout} from 'ui/layouts/absolute-layout';

а затем с помощью открытых функций setLeft или setTop

AbsoluteLayout.setLeft(YourItem, LeftValue); or AbsoluteLayout.setTop(YourItem, TopValue);