使用createMaterialTopTabNavigator时如何收听布局位置变化

Question

我正在尝试创建一个动画来对屏幕变化进行插值，因此当用户在选项卡之间移动时，他会根据选项卡布局的当前位置看到动画。

const AppNavigator = createMaterialTopTabNavigator(
  {
    Profile: {
      screen: ProfileContainer
    },
    Home: {
      screen: UserNavigator
    },
    Chat: {
      screen: ChatContainer
    }
  },
  {
    tabBarOptions: {
      style: {
        backgroundColor: colors.$home_page,
        borderBottomColor: colors.$home_page
      },
      indicatorStyle: {
        height: 0
      }
    },
    header: null,
    initialRouteName: "Home"
  }
);

这是我的标签导航器，非常标准。知道在这些标签之间移动时如何收听布局更改吗？