在新选项卡上为TabView内容添加动画

Question

在TabView中点击新标签时，我想让页面/组件从屏幕底部向上滑动。切换到新选项卡时会显示当前代码。如何将动画绑定到标签的切换？

<ActionBar title="App Name" class="action-bar">
</ActionBar>

<TabView class="tab-view" tabsBackgroundColor="#d3d3d3" selectedTabTextColor="black">
  <StackLayout *tabItem="{title: 'Home'}">
    <!-- Custom element containing a GridLayout -->
    <my-home-tab></my-home-tab>
  </StackLayout>
  <StackLayout *tabItem="{title: 'Search'}">
    <!-- Custom element containing a StackLayout -->
    <my-search-tab></my-search-tab>
  </StackLayout>
</TabView>