mirror of
https://github.com/freeCodeCamp/freeCodeCamp.git
synced 2026-03-03 05:02:01 -05:00
d6a160445e
* 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>
39 lines
1.5 KiB
Markdown
39 lines
1.5 KiB
Markdown
---
|
|
title: Hello World
|
|
localeTitle: مرحبا بالعالم
|
|
---
|
|
## مرحبا بالعالم
|
|
|
|
في صفحة الويب التقليدية ، يمكنك بسهولة تقديم `Hello World!` على الشاشة عن طريق كتابة بعض HTML مثل هذا:
|
|
|
|
```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 (
|
|
<View>
|
|
<Text> Hello World! </Text>
|
|
</View>
|
|
);
|
|
}
|
|
}
|
|
|
|
AppRegistry.registerComponent('AwesomeProject', () => App);
|
|
`
|
|
|
|
لعرض التعليمات البرمجية إلى الشاشة ، بدلاً من فتح الصفحة في مستعرض ، يمكنك استخدام أسلوب `AppRegistry.registerComponent()` خاص `AppRegistry.registerComponent()` Native لتقديم التطبيق إلى جهاز محمول. |