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

【问题标题】：NativeScript FloatingActionButton from github.com/Clans/FloatingActionButton来自 github.com/Clans/FloatingActionButton 的 NativeScript FloatingActionButton
【发布时间】：2017-03-05 20:51:19
【问题描述】：

我对 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>

提前感谢您的帮助

【问题讨论】：

很酷的东西 - 如果你想使用已经使用 android 原生 FAB 小部件编写的东西，有这个插件 github.com/bradmartin/nativescript-floatingactionbutton 但我理解你正在采用的学习方法。这是我一年多前写那篇文章时开始的地方:) 所以继续做你正在做的事情，你会越来越欣赏 nativescript。 @MarekMaszay 下面的回答可能会有所帮助。如果没有，您使用的 android 库可能需要您传递一个图像，看起来您注释掉了设置图像的行。
@BradMartin，我是你博客的忠实粉丝。感谢像你们这样的人，这只是我学习 nativescript 的第二天，但我学到了很多东西。我一定会使用你的插件 github.com/bradmartin/nativescript-floatingactionbutton 。我已经调查过了。我只是想看看我是否可以轻松地挂接到任何本机插件。我真的很惊讶 NativeScript 可以做什么。我只需要把它推到极限，看看我能走多远:)。
我已取消注释该行并遵循@MarekMaszay 的建议，但仍然无法正常工作。我会继续调查的。
谢谢 :) 随时在论坛上联系discourse.nativescript.org 并加入 Slack 频道。那里有许多优秀的开发人员可以帮助您解决遇到的任何问题。
@BradMartin 我加入了 slack 频道。谢谢

标签： android nativescript angular2-nativescript nativescript-telerik-ui

【解决方案1】：

尝试就是这样基于这个http://docs.nativescript.org/api-reference/classes/application.androidapplication.html#foregroundactivity

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

【讨论】：

我已经尝试过了，但我仍然有同样的错误。我将继续研究文档和库代码，看看如何正确初始化它。