什麼是在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