Question

新信息 经过几个小时的测试，我几乎可以得到： Dock stays

这： Dock vanishs

在Instagram APP（android）上，当您想添加评论时，它会在屏幕底部打开一个迷你框，然后在其中编写。

此框将滑入和滑出。它是固定的，覆盖所有页面内容。

有没有办法在本地脚本上安装此布局预设和动画？

我的尝试给了我一个

DockLayout WrapLayout（底部）（注释框）

StackLayout（页面内容）

除了动画发生的时间以外，几乎所有东西都可以工作。当注释框移动时，其站立的位置不会被删除。因此，空格仍然存在，因为ockockLayout不会删除它，直到我删除注释框。

A：我正在使用nativescript-vue

<DockLayout stretchLastChild="false">
  <WrapLayout ref="comm" height="auto" class="comm" dock="bottom" v-if="showComm" backgroundColor="red">
    <DockLayout class="avatar" stretchLastChild="false">
      <Image dock="bottom" width="15%" alignSelf="flex-end" src="https://via.placeholder.com/50" stretch="none" />
    </DockLayout>

    <TextView editable="true" width="65%" ref="test">
      <FormattedString>
      </FormattedString>
    </TextView>

    <DockLayout stretchLastChild="false" width="15%">
      <Button dock="bottom" class="flat fas" @tap="test()" :text="'fa-play' | fonticon" flat />
    </DockLayout>
  </WrapLayout>

  <StackLayout height="100%" dock="top">
    <PullToRefresh :refreshing="loading" ref="pullToRefresh" @refresh="load">
      <ListView for="item in items" @itemTap="onItemTap">
        <v-template>
          <timeline-item :data="item" />
        </v-template>
      </ListView>
    </PullToRefresh>
  </StackLayout>
</DockLayout>

Instagram的本机脚本中的应用评论框动画

0 个答案: