مرجع مقالات طراحي اپليكيشن تخصصی

Animated props در واقع ریشه های خاصی از گراف می باشند که طراحی اپلیکیشن یک مقدار Animated را به یک pop در یک کامپوننت مپ می نمایند. این هنگامی ایجاد می‌شود که شما یک Animated.view را رندر می‌کنید و به آن خصوصیت هایی را تخصیص می دهید، به قطعه کد ذیل دقت داشته باشید:

Var opacity = new Animated.Value(0.7);

اینجانب در اینجا یک Animated prop اضافه کرده ام که مقدار 0.7 را به یک خصوصیت تبدیل می نماید، درصورتی که یک سیاق مقدار را آپ تو دیت رسانی نماید این تغییر‌و تحول در خصوصیت View نمایان گردد. متدهایی که در صدر توضیح داده شدند یک نقش حیاتی را در به تکان در آوردن شی ها در ری اکت نیتیو جاری ساختن می نمایند.

مقدار Animated برای هر کادر از برنامه کودک به وسیله رئیس کننده برنامه کودکان عوض میشود که‌این رئیس کننده های کارتن های ری اکت نیتیو مشتمل بر Animated.Timing، Animated.Event و Animated.Decay هستند. بعداز ایفا این عمل فیض به توابع تبدیل ارسال می‌گردد و این توابع آن را تحت عنوان یک Pop در view خویش ذخیره می نمایند. پس از اجرا این مرحله مجدد فیض به وسیله جاوا اسکریپت به نیتیو جابجایی داده می‌گردد و view نیز در زمان فراخوانی setNativeProps آپ تو دیت رسانی می گردد. در غایت نیز فیض به IOS یا این که اندروید ارسال میگردد و UI سیستم برهان نیز آپدیت رسانی می گردد.

طراحی کارتن های ری اکت نیتیو با به کارگیری از Animated API و رئیس کننده نیتیو
از فرصت شروع عمل کارتن های Animated API ری اکت نیتیو یک مدیر کننده جاوا اسکریپت برای اجرای قاب گزینه به کارگیری قرار گرفت، ولی از آنجایی که به طور بدون واسطه با منطق اپلیکیشن یاروهمدم بود بر روی thread جاوا اسکریپت اثر منفی می گذاشت و سرعت آن را معدود میکرد. برای فرمان دادن به frame drops واپسین ورژن از درایور یا این که رئیس کننده به طور تماما نیتیو ساخته شد و فعلا با اجرای برنامه خردسالان های ری اکت نیتیو به طور کادر به کادر در نیتیو به طور کامل سازگار میباشد.

مدیر کننده نیتیو زمانی که در کنار Animated API گزینه به کارگیری قرار میگیرد به ماژول animated نیتیو اذن می‌دهد که view ها را به طور بدون واسطه و سوای نیاز به احتساب مقدار آن در جاوا اسکریپت آپدیت رسانی نماید. برای به کارگیری از مدیر کننده نیتیو شما می بایست مقدار خصوصیت useNativeDrive در پیکربندی کارتون های ری اکت نیتیو را موازی true قرار دهید:

useNativeDriver: true