如何将react-native-flash-message与react-native-navigation一起使用

import { Navigation } from 'react-native-navigation';
import { showMessage, hideMessage } from "react-native-flash-message";
import { registerScreens } from './src/screens'; // 导入屏幕组件的注册函数

registerScreens(); // 注册屏幕组件

Navigation.events().registerAppLaunchedListener(() => {
  Navigation.setRoot({
    root: {
      component: {
        name: 'AppRoot',
      },
    },
  });
});

// 在AppRoot组件中引入react-native-flash-message组件的配置
Navigation.events().registerComponentDidAppearListener(({ componentId }) => {
  showMessage({
    message: 'Welcome to the App', // 消息内容
    type: 'success', // 消息类型（成功、错误、警告等）
    duration: 2000, // 显示时长（毫秒）
    floating: true, // 是否浮动显示
    animationDuration: 300, // 动画时长（毫秒）
  });
});

import React, { Component } from 'react';
import { View, Button } from 'react-native';
import { showMessage, hideMessage } from "react-native-flash-message";

class HomeScreen extends Component {
  showNotification = () => {
    showMessage({
      message: 'This is a notification', // 消息内容
      type: 'info', // 消息类型（成功、错误、警告等）
      duration: 3000, // 显示时长（毫秒）
      floating: true, // 是否浮动显示
      animationDuration: 500, // 动画时长（毫秒）
    });
  }

  render() {
    return (
      <View>
        <Button title="Show Notification" onPress={this.showNotification} />
      </View>
    );
  }
}

export default HomeScreen;