【问题标题】:NativeScript animated Modal PageNativeScript 动画模态页面
【发布时间】:2018-06-22 15:57:26
【问题描述】:

我需要模态页面出现“从底部滑动并覆盖(不推送)当前页面”过渡。 我设置了showModal 方法的参数animated,但没有任何改变。 如何为模态页面实现这种转换?安卓平台。

【问题讨论】:

  • 你可以使用带有 translateY 的 css 动画

标签: nativescript


【解决方案1】:

【讨论】:

  • 欢迎来到 Stack Overflow!虽然链接是分享知识的好方法,但如果它们在未来被破坏,它们将无法真正回答问题。将回答问题的链接的基本内容添加到您的答案中。如果内容太复杂或太大而无法在此处放置,请描述所提出解决方案的总体思路。请记住始终保留指向原始解决方案网站的链接引用。见:How do I write a good answer?
【解决方案2】:

我有一些 hacky 的东西,用 AbsoluteLayout 包装我的元素,并给它一个像“800”这样的高值, 并在 navigatedTo 函数中使用 top 属性的负值制作过渡动画。在您的情况下,您将使用 left 属性并在 x 上进行转换。

另一个在 UI 中看起来更好的解决方案,添加一个自定义组件作为您的模式,使用 AbsoluteLayout 包装您的页面元素,当您需要显示您的模式时添加您的自定义组件,并对其应用之前的动画技巧.

提示:如果你想让你的自定义组件覆盖全屏,你可以设置actionBarHiddin = true。

提示:async/await 然后对平滑问题非常有用。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2021-01-16
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-10-03
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多