2.x로 마이그레이션

2.x는 기존 component/ref 모델을 hook-and-view 모델로 바꿉니다.

TIP

이 페이지는 1.x 문서 안에서 보는 짧은 마이그레이션 안내입니다. 전체 최신 마이그레이션 내용은 2.x의 1.x 마이그레이션 가이드를 참고하세요.

1.x2.x
YoutubePlayer 컴포넌트useYouTubePlayer + YoutubeView
callback propsuseYouTubeEvent
ref.current?.play()player.play()
컴포넌트 props에 설정 전달hook config에 플레이어 옵션 전달

컴포넌트 교체

Before:

import { YoutubePlayer } from 'react-native-youtube-bridge';

<YoutubePlayer source="AbZH7XWDW_k" />;

After:

import { YoutubeView, useYouTubePlayer } from 'react-native-youtube-bridge';

const player = useYouTubePlayer('AbZH7XWDW_k');

<YoutubeView player={player} />;

이벤트 마이그레이션

Before:

<YoutubePlayer onReady={handleReady} onStateChange={handleStateChange} />

After:

useYouTubeEvent(player, 'ready', handleReady);
useYouTubeEvent(player, 'stateChange', handleStateChange);

제어 메서드 마이그레이션

Before:

playerRef.current?.play();

After:

player.play();