اینستاگرام طی چند سال گذشته مانند دیوانه ای رشد کرده است و یکی از ویژگی های اصلی آن که باعث رشد آن شده است فیلترهای معروف عکس است. اینستاگرام با اجازه دادن به کاربران برای استفاده از فیلترهای مختلف بر روی عکس های خود ، جلوه ای بهتر از آنها ایجاد می کند. امروزه هر برنامه عکس مدرنی باید از فیلترهای عکس پشتیبانی کند ، بنابراین ما نگاهی خواهیم انداخت به نحوه اجرای فیلترهای عکس اینستاگرام در React Native.
در مقاله امروز ما در مورد چگونگی اجرای فیلترهای عکس اینستاگرام صحبت خواهیم کرد. ما قصد داریم از واکنش-کیت-فیلتر-عکس-بومی بسته بندی.
در اینجا در Instamobile ما از این کتابخانه برای ساخت یکپارچه این ویژگی فیلترهای عکس در خود استفاده می کنیم Instagram Clone.
پیاده سازی فیلترهای عکس اینستاگرام در React Native
اول از همه ، بیایید بسته ای را که قبلا ذکر کردیم ، با اجرای React Native پروژه خود نصب کنیم:
npm install -s react-native-image-filter-kitدر اینجا یک پروژه ساده React Native وجود دارد که فیلترهای عکس اینستاگرام را روی تصویری که در کد کد موجود است اعمال می کند (نام تصویر “parrot.png” است ، بنابراین مطمئن شوید که آن را در پوشه پروژه خود قرار داده اید تا در برنامه بارگیری شود. ) در فایل App.js ، به سادگی قطعه کد زیر را قرار دهید:
import React from 'react';
import {Image, SafeAreaView} from 'react-native';