
در این دوره قصد دارم نحوه کار با یکی از بهترین و پرکاربردترین کتابخانه های React Native (ری اکت نیتیو) به انتخاب توسعه دهندگان یعنی lottie-react-native رو به شما آموزش بدم. در گذشته، ساخت انیمیشن های پیچیده برای نسخه های Androidو iOS در React Native یک روند دشوار و طولانی بود. اکثر برنامه ها از انیمیشن ها به دلیل زیاد بودن حجم فایل های تصویری و پیچیدگی کدنویسی استفاده نمی کردند.علی رغم اینکه انیمیشن یک ابزار قدرتمند برای برقراری ارتباط با ایده ها و ایجاد تجربه کاربری است.
Lottie یک کتابخانه در React Native است که به شما این امکان را میدهد که انیمیشن های After Effects رو بصورت real time رندر کنید و از این انیمیشن ها به آسانی بصورت static assets استفاده کنید.Lottie از انیمیشن های After Effects که با استفاده از یک ابزار open-source به نام Bodymovin بصورت JSON خروجی گرفته شده است،استفاده میکند.
به انیمیشن های فوق توجه کنید.شما خیلی راحت میتونید هر نوع انیمیشنی رو با After Effects ایجاد کنید و با Bodymovin ازش خروجی JSON بگیرید و در اپلیکیشن هایی که طراحی میکنید استفاده کنید.
تکلیف پیش نیازهای این دوره چیه؟
برای شروع این دوره شما باید با react native آشنایی داشته باشید.اگر آشنایی با react native ندارید اصلا جای نگرانی نیست چون ما یک آموزش رایگان react native در دوره های آموزشی خودمون داریم که میتونید اون رو مشاهده کنید.
یادگیری react native به صورت تخصصی؟
اگر قصد یادگیری react native رو به صورت حرفه ای و تخصصی دارید،پیشنهاد می کنم آموزش جامع و پروژه محور react native را مشاهده کنید.
آموزش کار با lottie-react-native
معرفی دوره ویدئو
5 دقیقه
تنظیم کتابخانه در IOS ویدئو
12 دقیقه
تنظیم کتابخانه در Android ویدئو
19 دقیقه
کار با کتابخانه lottie ویدئو
29 دقیقه
دوره های مرتبط
آموزش جامع React Js
آموزش NativeBase
آموزش جامع React Native
chat_bubble_outlineنظرات
قوانین ثبت دیدگاه
9,000 تومان
مهدی
سلام
چطوری میشه با uri اجرا کرد انیمیشن های lottie رو؟ source={{uri:’….’}} هم تست کردم ولی ارور گرفتم و کار نکرد!
مهدی(مدیریت)
سلام
issue زیر فکر میکنم کمکتون کنه
https://github.com/lottie-react-native/lottie-react-native/issues/287