در این مقاله ، ما می خواهیم نحوه اضافه کردن یک پخش کننده ویدیو را در برنامه React Native خود برای پشتیبانی از پخش فیلم های YouTube شرح دهیم. ویدئو حال و آینده اینترنت است ، همانطور که قبلاً می توانید از طریق برنامه هایی مانند TikTok ، YouTube ، Instagram یا Facebook مشاهده کنید.
پشتیبانی از ویدئو ویژگی است که باعث می شود برنامه شما سرزنده تر ، تعاملی تر و سرگرم کننده تر شود. در پایان این مقاله ، شما می توانید هر ویدیوی YouTube را که انتخاب کرده اید به راحتی در یک برنامه React Native جاسازی کنید. برای اینکه شما این آموزش را بفهمید باید با استفاده از آن آشنا باشید استفاده از Ref و useState در React Native.
برای پخش فیلم های YouTube در React Native ، از وابستگی npm به نام استفاده خواهیم کرد واکنش-بومی-youtube-iframe. ما با ادغام کامل این کتابخانه در یک برنامه از آن استفاده خواهیم کرد.
نصب و راه اندازی
شما باید نصب کنید واکنش-بومی-وب اولین. به سادگی اجرا کنید:
yarn add react-native-webview
or
npm install react-native-webviewسپس نصب کنید واکنش-بومی-youtube-iframe:
yarn add react-native-youtube-iframe
or
npm install react-native-youtube-iframeاستفاده
/**
* Sample React Native App
* https://github.com/facebook/react-native
*
* @format
* @flow strict-local
*/
import React from 'react';
import {View} from 'react-native';
import YoutubePlayer from 'react-native-youtube-iframe';
const...