typescript kullanarak nativescript içinde özel android görünümü

Question

Ben türkçe kullanarak benim nativescript uygulamasında bir yerli android UI bileşeni (bir düğme veya bir tuval gibi) görüntülemek istiyorum. Benim xml görünümünde yüklemeye çalıştı sonra

//custom.js 
export class NativeComponent extends android.widget.Button{ 
    constructor(context){ 
     super(context); 
     this.setText("test"); 
    } 
} 

ve: Örnek olarak ben typescript kod aşağıdaki ile bir android düğmesine genişletmek istiyorum

Page xmlns="http://schemas.nativescript.org/tns.xsd" loaded="pageLoaded"> 
    <StackLayout> 
    <Label text="Tap the button" class="title"/> 
    <Button text="TAP" tap="{{ tapAction }}" /> 
    <Label text="{{ message }}" class="message" textWrap="true"/> 
    <custom:NativeComponent /> 
    </StackLayout> 
</Page> 

... ama bu her zaman kilitleniyor. Bu konuda dokümanlar çok fakir/henüz bir şey bulamadım.

Answer 1

Özel denetimi kullanabilmeniz için, çerçevenin dosyaları nereye yükleyeceğini bilmesi için bir XML Ad Alanı eklemeniz gerekir.

<Page xmlns="http://schemas.nativescript.org/tns.xsd" xmlns:custom="./path/to/custom.js" loaded="pageLoaded"> 
    <StackLayout> 
    <Label text="Tap the button" class="title"/> 
    <Button text="TAP" tap="{{ tapAction }}" /> 
    <Label text="{{ message }}" class="message" textWrap="true"/> 
    <custom:NativeComponent /> 
    </StackLayout> 
</Page> 

JS kodu, sen doğal bileşeni oluşturma koymanız gerekir android için kamu görevi _createUI() olması gerektiğini gibi bazı spesifik yapıya uymalıdır: Yani XML gibi görünmelidir. IOS için bu yapıcıda yapılır. Daha fazla bilgi için https://docs.nativescript.org/plugins/ui-plugin.html'a bir göz atın.