什么是在Nativescript中创建组件的正确方法？

Question

在Nativescript中创建自定义模板的正确方法是什么？

比如我有XML结构，如：

 <FlexboxLayout flexDirection="column" alignItems = "stretch"> 
     <Border borderWidth="1" borderColor="#000000"> 
     <FlexboxLayout height="60"> 
      <Button cssClass="sdk-button" col="0" text="initSDK" tap="{{initSdk}}" flexGrow="1"/> 

      <StackLayout orientation="horizontal" class="data-wrapper" flexGrow="3" paddingLeft="20"> 
       <Label text="{{ initSdkResponse }}" class="data_wrapper-label" textWrap="true"/> 
      </StackLayout> 
     </FlexboxLayout> 
     </Border> 
    </FlexboxLayout> 

我想创建一个组件与上面提到的结构，命名为MyItem，并用它如下：

<Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="onNavigatingTo"> 
    <StackLayout orientation="vertical"> 
     <MyItem buttonName="click1" 
       buttonAction="onClick1()" 
       labelText="xxxxxxx1" 
     ></MyItem> 

     <MyItem buttonName="click2" 
       buttonAction="onClick2()" 
       labelText="xxxxxxx2" 
     ></MyItem> 
    </StackLayout> 
</Page> 

Answer 1

我想你会发现这些资源帮助：

https://moduscreate.com/custom-components-in-nativescript/

http://blog.bradleygore.com/2016/03/12/custom-nativescript-components/

http://docs.nativescript.org/ui/basics#custom-components