来自github.com/Clans/FloatingActionButton的NativeScript FloatingActionButton

Question

我对NativeScript很陌生。我选择它与React Native相比，因为我想100％地访问本机API。我开始与本地插件玩耍，阅读一些教程这样一个native libraries 现在我试图遵循同样的原则有了这个插件FloatingActionButton

var app = require("application"); 
 
var platformModule = require("platform"); 
 
var fs = require("file-system"); 
 
var imageSource = require("image-source");

function creatingFab(args) { 
 

 
    var fabMenu = new com.github.clans.fab.FloatingActionMenu(app.android.foregroundActivity); 
 
    var fabButton = new com.github.clans.fab.FloatingActionButton(args.object.android); 
 
    fabButton.setButtonSize(FloatingActionButton.SIZE_MINI); 
 
    fabButton.setLabelText("Hello Button"); 
 
     
 
    //fabButton.setImageResource(imageSource.fromResource("logo")); 
 
    
 
    fabMenu.addMenuButton(fabButton); 
 
    fabMenu.hideMenuButton(false); 
 
    
 
}

<Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="onNavigatingTo" class="page"> 
 
    
 
    <Page.actionBar> 
 
     <ActionBar title="My App" icon="" class="action-bar"> 
 
     </ActionBar> 
 
    </Page.actionBar> 
 
    
 
    <StackLayout class="p-20"> 
 
     <Label text="Tap the button" class="h1 text-center"/> 
 
     <Button text="TAP" tap="{{ onTap }}" class="btn btn-primary btn-active"/> 
 
     <Label text="{{ message }}" class="h2 text-center" textWrap="true"/> 
 
    </StackLayout> 
 
    <android> 
 
     <placeholder id="fab" tap="fabClick" class="fab-button" margin="15" creatingView="creatingFab"/> 
 
    </android> 
 
</Page>

预先感谢您的帮助

Answer 1

尝试是因为这在此基础上http://docs.nativescript.org/api-reference/classes/application.androidapplication.html#foregroundactivity

var fabMenu = new com.github.clans.fab.FloatingActionMenu(app.AndroidApplication.foregroundActivity);