Files
freeCodeCamp/guide/arabic/react-native/hello-world/index.md
Randell Dawson d6a160445e Convert single backtick code sections to triple backtick code sections for Arabic Guide articles (13 of 15) (#36240)
* fix: converted single to triple backticks13

* fix: added prefix

Co-Authored-By: Tom <20648924+moT01@users.noreply.github.com>

* fix: removed language in wrong place

Co-Authored-By: Tom <20648924+moT01@users.noreply.github.com>

* fix: add language postfix

Co-Authored-By: Tom <20648924+moT01@users.noreply.github.com>

* fix: removed language in wrong place

Co-Authored-By: Tom <20648924+moT01@users.noreply.github.com>
2019-06-20 18:07:24 -05:00

1.5 KiB

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

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

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

<!DOCTYPE html>
<html>
  <head>
    <title>Test Page</title>
  </head>
  <body>
    <p>Hello World!</p>
  </body>
</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 لتقديم التطبيق إلى جهاز محمول.