Как добавить волновую анимацию при монтировании и размонтировании реагирующего компонента?

Question

Я хочу добавить волну animation как minimising and maximising окна MacOS, тогда как react-native Компонент mounts или unmounts.

Код:

const App = props => {

  const [visible, toggleVisible] = useState(false);

  return (

     <View style={{flex: 1}}>
        <Button title="toggle emojis" onPress={()=> toggleVisible(!visible)} />
        {visible === true && <EmojisContainer />}
     </View>

  );


}

В данный момент нет гладкого Появления и исчезновения для EmojisContainer.

Как добавить анимацию с помощью react-native-reanimated для этой ситуации?