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

4 سال پیش

امتیاز دهید post

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

در این درس از مجموعه آموزش برنامه نویسی سایت سورس باران، به آموزش برنامه نویسی ریکت نیتو – برنامه خواهیم پرداخت.

اگر برنامه پیش فرض را باز کنید می توانید به صورت فایل app.js مشاهده کنید

import React from 'react';
import { StyleSheet, Text, View } from 'react-native';

export default class App extends React.Component {
   render() {
      return (
         &lt;View style = {styles.container}&gt;
            &lt;Text&gt;Open up App.js to start working on your app!&lt;/Text&gt;
            &lt;Text&gt;Changes you make will automatically reload.&lt;/Text&gt;
            &lt;Text&gt;Shake your phone to open the developer menu.&lt;/Text&gt;
         &lt;/View&gt;
      );
   }
}

const styles = StyleSheet.create({
   container: {
      flex: 1,
      backgroundColor: '#fff',
      alignItems: 'center',
      justifyContent: 'center',
   },
});

import React from 'react';

import { StyleSheet, Text, View } from 'react-native';

export default class App extends React.Component {

render() {

return (

<Text>Open up App.js to start working on your app!</Text>

<Text>Changes you make will automatically reload.</Text>

<Text>Shake your phone to open the developer menu.</Text>

</View>

);

}

const styles = StyleSheet.create({

container: {

flex: 1,

backgroundColor: '#fff',

alignItems: 'center',

justifyContent: 'center',

});

خروجی

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

Hello world

برای نمایش یک پیام ساده با عنوان “Welcome to Tutorialspoint” قسمت CSS را بردارید و پیامی را که چاپ می شود با تگ های <text> </text> در داخل <view> </view> چاپ شود، مانند تصویر زیر وارد کنید.

import React from 'react';
import { StyleSheet, Text, View } from 'react-native';

export default class App extends React.Component {
   render() {
      return (
         &lt;View&gt;
            &lt;Text&gt;Welcome to Tutorialspoint&lt;/Text&gt;
         &lt;/View&gt;
      );
   }
}

import React from 'react';

import { StyleSheet, Text, View } from 'react-native';

export default class App extends React.Component {

render() {

return (

<View>

<Text>Welcome to Tutorialspoint</Text>

</View>

);

}

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

منبع.

لیست جلسات قبل آموزش ریکت نیتیو

امتیاز دهید post

نویسنده مطلب saber

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

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

خروجی

Hello world

لیست جلسات قبل آموزش ریکت نیتیو

دیدگاه شما

بدون دیدگاه

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

خروجی

Hello world

لیست جلسات قبل آموزش ریکت نیتیو

دیدگاه شما

برای صرف‌نظر کردن از پاسخ‌گویی اینجا را کلیک نمایید.

بدون دیدگاه