NativeScript浮动按钮

Question

我刚刚开始使用NativeScript并遇到了障碍。

我有一个AppBuilder/NativeScript项目（仅限iOS现在），我想实现一个浮动操作按钮。我看到大量的其中FAB位于一个ListView上述实施例不过我的情况不同的是：

• 我有3个中继器（显示不相关的数据）。
• 每个中继器可能会或可能不会在网页上显示（如果没有要显示的数据，我隐藏它）
• 我想放在FAB右下角，无论什么样的内容是
• 整个页面被包裹在一个滚动型

我使用nativescript-floatingactionbutton试过，但我不能使用此模块安装的编译。我一直在收到“无法构建项目，因为module nativescript-floatingactionbutton包含不安全的代码，请移除该模块并重试。”

我也尝试过在页面级别的AbsoluteLayout，但它似乎布局覆盖了页面的其余部分，我什至不能看到内容，只是FAB。

这里是标记

<Page id="MainPage" xmlns="http://schema.nativescript.org/tns.xsd" actionBarHidden="true" loaded="pageLoaded" xmlns:drawer="nativescript-telerik-ui/sidedrawer" xmlns:sharedDrawers="widgets/drawers"> 
 

 
    <drawer:RadSideDrawer id="mainDrawer"> 
 

 
    <drawer:RadSideDrawer.mainContent> 
 
     <ScrollView id="wrapper" opacity="0"> 
 
      <DockLayout stretchLastChild="false"> 
 
      <GridLayout id="mainHeader" cssClass="header" dock="top" columns="50, *, 50"> 
 
       <Label class="icomoon-icon" text="&#xe6d0;" row="0" col="0" horizontalAlignment="center" tap="openDrawer" fontSize="18" /> 
 
       <Label horizontalAlignment="center" text="{{ pageTitle }}" row="0" col="1" /> 
 
       <Label class="icomoon-icon" text="&#xe610;" row="0" col="2" horizontalAlignment="center" tap="notifications" fontSize="18" /> 
 
      </GridLayout> 
 

 
      <GridLayout cssClass="main" rows="auto, *" > 
 
       <StackLayout row="0"> 
 
       <StackLayout cssClass="{{arr.length ? '' : 'hidden' }}"> 
 
        <label cssClass="section-title" text="{{strings.activeLoans}}"></label> 
 
        <Repeater items="{{ arr }}" > 
 
        <Repeater.itemTemplate cssClass="item"> 
 
         ... 
 
        </Repeater.itemTemplate> 
 
        </Repeater> 
 
       </StackLayout> 
 

 
       <StackLayout cssClass="{{arr2.length ? '' : 'hidden' }}"> 
 
        <label cssClass="section-title" text="{{strings.history}}" marginTop="20" /> 
 

 
        <Repeater items="{{ arr2 }}"> 
 
        <Repeater.itemTemplate> 
 
         ... 
 
        </Repeater.itemTemplate> 
 
        </Repeater> 
 
       </StackLayout> 
 

 
       <StackLayout cssClass="{{arr3.length ? '' : 'hidden' }}"> 
 
        <label cssClass="section-title" text="{{strings.data}}" marginTop="20" /> 
 
        <Image src="~/images/pic.jpg" /> 
 

 
        <Repeater items="{{ arr3 }}"> 
 
        <Repeater.itemTemplate> 
 
         ... 
 
        </Repeater.itemTemplate> 
 
        </Repeater> 
 
       </StackLayout> 
 
       </StackLayout> 
 
      </GridLayout> 
 
      </DockLayout> 
 
     
 
     </ScrollView> 
 
    </drawer:RadSideDrawer.mainContent> 
 

 
    <drawer:SideDrawer.drawerContent> 
 
     <sharedDrawers:mainDrawer /> 
 
    </drawer:SideDrawer.drawerContent> 
 
    </drawer:RadSideDrawer> 
 

 
    <!--<AbsoluteLayout cssClass="fabContainer"> 
 
    <Image src="res://fab_add" tap="newLoan" cssClass="fab" /> 
 
    </AbsoluteLayout>--> 
 
</Page>

我已经截断，改变了一些不相关的代码。

任何帮助，非常感谢。

谢谢。

Answer 1

АsBrad Martin说，这个插件不能在Telerik Platform内部构建，因为并非所有的维护者都是白名单。更确切地说，当在Telerik Platform中启动一个包含pod文件的插件的iOS版本时，服务会检查其维护者。由于pod文件可以包含后期构建脚本，因此Telerik Platform目前通过保留列出白名单的维护人员列表来标记插件为安全。

这个插件有5个维护者 - 布拉德马丁只是其中之一。 Brad的电子邮件是白名单，但'gabrielbiga'和'lazaromenezes'尚未列入白名单。 @Brad Martin-请让我们知道我们是否应该将这些用户的电子邮件列入白名单？ 另一种方法是用框架替换pod文件。

最后一件事，Telerik Platform版本Telerik Platform团队将致力于改进对包含pod的插件的支持。他们可能会删除沙箱中的“白名单”方法，但我们不能评论任何细节。