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

4 سال پیش

امتیاز دهید post

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

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

در این درس، ما می آموزیم که چگونه از WebView استفاده کنیم. وقتی می خواهید صفحه وب را به صورت درون ریز به برنامه تلفن همراه خود ارائه دهید، از آن استفاده می شود.

استفاده از WebView

HomeContainer یک جز ظرف خواهد بود.

App.js

import React, { Component } from 'react'
import WebViewExample from './web_view_example.js'

const App = () =&gt; {
   return (
      &lt;WebViewExample/&gt;
   )
}
export default App;

import React, { Component } from 'react'

import WebViewExample from './web_view_example.js'

const App = () => {

return (

)

}

export default App;

اجازه دهید یک فایل جدید به نام WebViewExample.js در داخل پوشه src / components / home ایجاد کنیم.

web_view_example.js

import React, { Component } from 'react'
import { View, WebView, StyleSheet }

from 'react-native'
const WebViewExample = () =&gt; {
   return (
      &lt;View style = {styles.container}&gt;
         &lt;WebView
         source = {{ uri:
         'https://www.google.com/?gws_rd=cr,ssl&amp;ei=SICcV9_EFqqk6ASA3ZaABA#q=tutorialspoint' }}
         /&gt;
      &lt;/View&gt;
   )
}
export default WebViewExample;

const styles = StyleSheet.create({
   container: {
      height: 350,
   }
})

import React, { Component } from 'react'

import { View, WebView, StyleSheet }

from 'react-native'

const WebViewExample = () => {

return (

<WebView

source = {{ uri:

'https://www.google.com/?gws_rd=cr,ssl&ei=SICcV9_EFqqk6ASA3ZaABA#q=tutorialspoint' }}

</View>

)

}

export default WebViewExample;

const styles = StyleSheet.create({

container: {

height: 350,

}

})

برنامه فوق خروجی زیر را ایجاد می کند.

React Native WebView

منبع

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

امتیاز دهید post

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

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

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

استفاده از WebView

App.js

web_view_example.js

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

دیدگاه شما

بدون دیدگاه

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

استفاده از WebView

App.js

web_view_example.js

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

دیدگاه شما

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

بدون دیدگاه