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

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

در خدمت شما هستیم با آموزش ScrollView در برنامه نویسی ریکت نیتیو از وب سایت آموزش برنامه نویسی سورس باران.

آموزش ScrollView در ریکت نیتیو

در این فصل ما به شما نحوه کار با عنصر ScrollView را نشان خواهیم داد. ما دوباره ScrollView Example.js را ایجاد خواهیم کرد و آن را در Home وارد می کنیم.

App.js

اسکرول ویو فهرستی از نام ها را ارائه می دهد. ما آن را در state ایجاد خواهیم کرد.

ScrollView.js

هنگامی که ما برنامه را اجرا می کنیم، لیست scrollable از نام ها را خواهیم دید.

 

آموزش ScrollView عمودی در ریکت نیتیو

1 – یک پروژه جدید ایجاد کنید و در بلاک import موارد AppRegistry, StyleSheet, ScrollView, Text, Image, View رو اضافه کنید

2 – ScrollView در بلاک render return اضافه کنید

3 – View درون ScrollView اضافه کنید

4 – در بالای کد AppRegistry.registerComponent یک StyleSheet ایجاد کنید

5 – استایل MainContainer به View اضافه کنید

6 – دو کامپوننت Text و Image درون View اضافه کنید

7 – کد کامل برنامه در فایل index.js

 

لیست جلسات قبل آموزش React Native

  1. React Native یا ریکت نیتیو چیست؟
  2. آموزش React Native – نصب و تنظیم محیط React Native
  3. آموزش App در React Native
  4. آموزش کار با State در React Native
  5. آموزش کار با کامپوننت Props در React Native
  6. آموزش استایل دهی در برنامه نویسی React Native
  7. آموزش flex در برنامه نویسی react native
  8. آموزش لیست ویو در برنامه نویسی React Native
  9. آموزش کار با TextInput در برنامه نویسی ریکت نیتیو