NativeScript 浮动按钮

Question

我最近刚开始使用 NativeScript，运行遇到了障碍。

我有一个 AppBuilder/NativeScript 项目（目前仅 iOS），我想在其中实现一个浮动操作按钮。我见过很多 FAB 位于 ListView 上方的示例，但我的情况有所不同：

我有3个中继器（显示不相关的数据）。
每个转发器可能在页面上可见也可能不可见（如果没有数据可显示，我将其隐藏）
不管内容是什么，我都想把FAB放在右下角
整个页面都包裹在一个 ScrollView 中

我尝试使用 nativescript-floatingactionbutton，但我无法在安装此模块的情况下进行编译。我不断收到 "Cannot build project because module nativescript-floatingactionbutton contains insecure code. Remove the module and try again."

我也在页面级别尝试了 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

Аs Brad Martin 说，该插件不能在 Telerik Platform 内构建，因为并非所有维护者都列入白名单。更准确地说，当在 Telerik Platform 中启动包含 pod 文件的插件的 iOS 构建时，该服务会检查其维护者。由于 pod 文件可以包含 post 构建脚本，Telerik Platform 目前通过保留白名单维护者列表将插件标记为安全。

此插件有 5 位维护者 - Brad Martin 只是其中之一。 Brad 的电子邮件已列入白名单，但“gabrielbiga”和“lazaromenezes”尚未列入白名单。 @Brad Martin-您能否告诉我们是否也应该将这些用户电子邮件列入白名单？另一种方法是用框架替换 pod 文件。

最后一件事，随着 Telerik Platform 版本的推进，Telerik Platform 团队将致力于改进对包含 pods 的插件的支持。他们可能会改为使用沙盒删除“白名单”方法，但我们还不能对任何细节发表评论。

NativeScript 浮动按钮

NativeScript Floating Button

telerik

nativescript