آموزش یک ظاهر طراحی شده برنامه های بومی - آخرین آپدیت

سرفصل ها و درس ها

بررسی اجمالی دوره Course Overview

• بررسی اجمالی دوره Course Overview

درک React Native Styling Understanding React Native Application Styling

• مقدمه Introduction

• بررسی نسخه Version Check

• مقدمه Introduction

• مروری بر یک ظاهر طراحی برنامه بومی Overview of Native Application Styling

• نمای کلی از یک ظاهر طراحی شده برنامه بومی Overview of Native Application Styling

• راه اندازی برنامه آزمایشی Setting up the Demo Application

• تنظیم برنامه نسخه ی نمایشی Setting up the Demo Application

• درک ابعاد ثابت Understanding Fixed Dimensions

• درک ابعاد ثابت Understanding Fixed Dimensions

• ترکیب صفحه های سبک با Stylesheet.create () Composing Stylesheets with Stylesheet.create()

• استفاده از سبک های ابعاد ثابت در برنامه: قسمت اول Applying Fixed Dimension Styles to the Application: Part I

• آهنگ سازی شیوه های شیوه ای با stylesheet.create () Composing Stylesheets with Stylesheet.create()

• استفاده از سبک های ابعاد ثابت در برنامه: قسمت دوم Applying Fixed Dimension Styles to the Application: Part II

• استفاده از سبک های ابعاد ثابت در برنامه: قسمت اول Applying Fixed Dimension Styles to the Application: Part I

• استفاده از سبک های ابعاد ثابت در برنامه: قسمت دوم Applying Fixed Dimension Styles to the Application: Part II

• خلاصه Summary

• خلاصه Summary

استفاده از Flexbox برای سبک دهی به برنامه های بومی Using Flexbox to Style React Native Applications

• Flexbox چیست؟ What Is Flexbox?

• انتقال از ابعاد ثابت به ابعاد فلکس Transitioning from Fixed Dimensions to Flex Dimensions

• جهت فلکس چیست؟ What Is Flex Direction?

• نسخه ی نمایشی: استفاده از ابعاد فلکس و جهت چیدمان در برنامه Demo: Applying Flex Dimensions and Layout Direction to the Application

• استفاده از ابعاد فلکس در تصاویر Applying Flex Dimensions to Images

• تراز کردن عناصر با توجیه محتوا و تراز کردن موارد Aligning Elements with Justify Content and Align Items

• نسخه ی نمایشی: تراز کردن عناصر فلکس Demo: Aligning Flex Elements

• نمایش مجموعه هایی با پیچ فلکس Displaying Collections with Flex-wrap

• نمایش مجموعه هایی با نسخه ی نمایشی Flex Wrap Displaying Collections with Flex-wrap Demo

• افزایش سازگاری در بین دستگاه ها Increasing Compatibility across Devices

• نسخه ی نمایشی: افزایش سازگاری در دستگاه ها Demo: Increasing Compatibility across Devices

• خلاصه Summary

متحرک سازی واکنش م Nلفه های بومی با LayoutAnimation API Animating React Native Components with the LayoutAnimation API

• API LayoutAnimation چیست؟ What Is the LayoutAnimation API?

• مقایسه API های انیمیشن و طرح بندی Comparing the Animation and LayoutAnimation APIs

• استفاده از انیمیشن ها هنگام انتقال بین نمایش ها Using Animations When Transitioning between Views

• آشنایی با نسخه ی نمایشی انیمیشن Introduction to Animation Demo

• نسخه ی نمایشی: استفاده از انیمیشن ها هنگام انتقال بین نمایش ها Demo: Using Animations When Transitioning between Views

• خلاصه Summary