الفرق بين المراجعتين ل"ReactNative"

من موسوعة حسوب
اذهب إلى التنقل اذهب إلى البحث
سطر 174: سطر 174:
 
[[ReactNative/text|Text]]
 
[[ReactNative/text|Text]]
  
[[RaectNative/textinput|TextInput]]
+
[[ReactNative/textinput|TextInput]]
  
 
[[ReactNative/touchablehighlight|TouchableHighlight]]
 
[[ReactNative/touchablehighlight|TouchableHighlight]]

مراجعة 09:02، 23 يونيو 2021

React Native إطارُ عملٍ يُساعد على إنشاء تطبيقات جوالٍ أصيلة (Native Mobile Applications) باستخدام لغة JavaScript ومكتبة React.

التطبيقات التي تُبنى بإطار React Native أصيلة، ما يعني أنّ شيفرة JavaScript تُترجَم إلى الشيفرة الأصلية للجهاز حسب المنصّة (Android أو iOS)، بخلاف التطبيقات الهجينة التي يُمكن إنشاؤها بأطرٍ مثل Cordova.

يستخدم React Native نفس المكوّنات الأساسية التي تُستعمل في تطبيقات Android وiOS العاديّة، فعوضًا عن استخدام Swift، أو Kotlin، أو Java، ستستخدم JavaScript وReact لتشكيل هذه المكونات وبناء تطبيقك. ويُوفّر React Native إمكانية دمج مكونات مبنيّة بشيفرة أصيلة مع مكوّناتك المكتوبة بلغة JavaScript كذلك.

الأساسيات

مقدمة

ستُساعدك المقدّمة على تثبيت React Native وبناء أول تطبيق خاصّ بك.

Core Components and Native Components

React Fundamentals

Handling Text Input

Using a ScrollView

Using List Views

Troubleshooting

Platform Specific Code

More Resources

ضبط البيئة

Setting up the development environment

Integration with Existing Apps

Integration with an Android Fragment

Building For TV Devices

Out-of-Tree Platforms

سير العمل

Running On Device

Fast Refresh

Debugging

Symbolicating a stack trace

Testing

Using Libraries

Using TypeScript

Upgrading to new versions

التصميم

Style

Height and Width

Layout with Flexbox

Images

Color Reference

التفاعل

Handling Touches

Navigating Between Screens

Animations

Gesture Responder System

الشمولية

Accessibility

الأداء

Performance Overview

Optimizing Flatlist Configuration

RAM Bundles and Inline Requires

Profiling

Profiling with Hermes

مشغل جافاسكربت الآني JavaScript runtime

JavaScript Environment

Timers

Using Hermes

الاتصال

Networking

Security

الوحدات الأصيلة

Native Modules Intro

Android Native Modules

iOS Native Modules

Native Modules NPM Package Setup

المكونات الأصيلة

Android Native UI Components

iOS Native UI Components

Direct Manipulation

دليل آندرويد

Headless JS

Publishing to Google Play Store

دليل iOS

Linking Libraries

Running On Simulator

Communication between native and React Native

App Extensions

Publishing to Apple App Store

المكونات

المكونات الأساسية Core Components

Core Components and APIs

ActivityIndicator

Button

FlatList

Image

ImageBackground

KeyboardAvoidingView

Modal

Pressable

RefreshControl

ScrollView

SectionList

StatusBar

Switch

Text

TextInput

TouchableHighlight

TouchableOpacity

TouchableWithoutFeedback

View

VirtualizedList

مكونات أندرويد

DrawerLayoutAndroid

TouchableNativeFeedback

مكونات iOS

InputAccessoryView

SafeAreaView

الخاصيات Props

Image Style Props

Layout Props

Shadow Props

Text Style Props

View Style Props

أنواع الكائن Object Types

LayoutEvent Object Type

PressEvent Object Type

React Node Object Type

Rect Object Type

ViewToken Object Type

الواجهة البرمجية API

AccessibilityInfo

Alert

Animated

Animated.Value

Animated.ValueXY

Appearance

AppRegistry

AppState

DevSettings

Dimensions

Easing

InteractionManager

Keyboard

LayoutAnimation

Linking

PanResponder

PixelRatio

Platform

PlatformColor

Share

StyleSheet

Systrace

Transforms

Vibration

الخطافات Hooks

useColorScheme

useWindowDimensions

Android APIs

BackHandler

PermissionsAndroid

ToastAndroid

iOS APIs

ActionSheetIOS

DynamicColorIOS

Settings

مصادر