• 한국어
  • 1.x
  • 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();