freeCodeCamp/guide/arabic/react-native/hello-world/index.md

1.5 KiB

title localeTitle
Hello World مرحبا بالعالم

مرحبا بالعالم

في صفحة الويب التقليدية ، يمكنك بسهولة تقديم Hello World! على الشاشة عن طريق كتابة بعض HTML مثل هذا:

`

<html> <head> </head>

Hello World!

</html> `

في React Native ، لا يوجد DOM أو مستعرض ، لذلك يجب عليك عرض الأشياء على الشاشة من واجهة برمجة تطبيقات الجوال التي يقدمها React Native. على سبيل المثال ، بدلاً من استخدام علامة <p> كملف للنص كما لو كنت على الويب ، يمكنك استخدام <Text> ؛ بدلاً من علامات حاوية <div> ، يمكنك استخدام <View> .

`import React, { Component } from 'react'; import { AppRegistry, View, Text } from 'react-native';

class App extends Component { render () { return ( Hello World! ); } }

AppRegistry.registerComponent('AwesomeProject', () => App); `

لعرض التعليمات البرمجية إلى الشاشة ، بدلاً من فتح الصفحة في مستعرض ، يمكنك استخدام أسلوب AppRegistry.registerComponent() خاص AppRegistry.registerComponent() Native لتقديم التطبيق إلى جهاز محمول.