آموزش سبک دادن به برنامه های بومی واکنش نشان دهید

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

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

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

درک React Native Styling Understanding React Native Application Styling

• مقدمه Introduction

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

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

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

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

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

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

• خلاصه Summary

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

• Flexbox چیست؟ What Is Flexbox?

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

• Flex Direction چیست؟ What Is Flex Direction?

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

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

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

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

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

• نمایش مجموعه ها با Flex-wrap Demo 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

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

• مقایسه API های انیمیشن و LayoutAnimation Comparing the Animation and LayoutAnimation APIs

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

• مقدمه ای بر نسخه ی نمایشی انیمیشن Introduction to Animation Demo

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

• خلاصه Summary