反应本地人— Mobil UygulamaGeliştirme

Mobil tarafta IOS 客观目标C veya Swift， Androidtabanlıtelefonlara ise java dili ile本机语言。

Bununyanında，javascript，使用JavaScript进行浏览。 在当地居民中反应当地人’denbahsedeceğiz。

反应Native facebooktarafındansunulan bir mobil uygulamageliştirmeçatısıdır。 IOS ve Androidtarafındanative kodlaraçevrilir。 Böylecetek kod ile birdençokplatforma mobil uygulamageliştirebilirsiniz。

Neden React Native’ıseçmeliyim吗？

• 反应本机gerçektennative’dir。
• Uygulamlarınızıuzaktangüncellemeimkanısağlar。
• 脸谱gibibüyükbirdestekçisivar
• Webtabanlıuygulamageliştiricileriçinöğrenmesürecikısadır。
• Uygulamageliştirmesüresinative’egörekısadır。

反应本地’de uygulamaperformansınıarttırmakiçin组件方法larınındoğrukullanımıoldukçaönemlidir。

1个构造函数

Başlangıç国家’lerinitanımladığımızalandır。 Sayfa ilkyüklendiğindeburayadüşer。

2分量WillMount

组件ekranıyerleştirilmeden渲染’danönceçalışmaktadır。 状态集etmekiçinuygundeğildir。 设置状态çağırıldığındansayfasürekli渲染edecektir。

3渲染

SayfaüzerindebulunantümUI komponentlerin hepsi bu alanda bulunur。 Bir component’inçalışmasıiçindiğermethodlar zorunludeğildirfakat render olmadan componentçalışmaz。

4分量DidMount

Ekrandagösterilmesiniistediğiniz组件的方法使用çalışır。 Yani渲染’dan hemen sonraçalışmaktadır。

5组件WillUpdate

萨伊法达州政府支持她的güncellenmesindebu方法çalışır。 Bu nedenle setStatekullanımısakıncalıdırsayfa loop’adüşer。

6-componentDidUpdate

Bu methodun componentWillUpdate dan tekfarkı渲染’dan sonraçalışmasıdır。 Diüertümözellikleriaynıdır。

7-componentWillUnmount

在Sonlanmasındanhemenönceçalışır中的Bu方法组件。 Bu alandabağlantılarınkesilmesi，在temizlenmesi gibiişlemlerinyapılmasıuygundur中缓存。

8-componentDidCatch（错误，信息）

JavaScripthatalarındabu方法tetiklenir。 Log’lamayapılmasıiçinuygun biralandır。

Evet组件yaşamdöngüsünütanıdığımızagöreortamkurulumlarınageçebiliriz。

您可以在yakeklemeniz gerekmektedir。 Bu kurulumlar，伊斯莱蒂姆（Işletim）坚持不懈地努力。

1节点

2-酿造

3- MaciçinXcode ve Android Studio。

4- Linux ve WindowsiçinAndroid Studio

5- Npmüzerindenreact-native CLI（npm -g安装react-native-cli）

Bunlarınyanındagüçlübir IDE，用于Visual Studio Code’ukullanmanızıöneririm。

React Native的应用程序。 您可以在这里找到更多信息。

  react-native初始化{ProjectName} 

您可以在地图上找到自己的名字，然后在其他项目中查看。

Buklasöregirerekuygulamamızıçalıştıralım。 （Bilgisayarınızdailgili模拟器’unyüklüolduğunaemin olunuz。）

  // IOSiçin 
  npm开始 
 反应本机运行iOS 
  // ANDROIDiçin 
  npm开始 
  react-native运行Android 

Evetherşeyyolunda isaşağıdakigibiuygulamamızbaşlamışolacak。

Evetoluşturduğumuzproje dizininegözatacak olursak。 UygulamamızınbaşladığıApp.jsdosyasınakodlarımızıyazacağız。 IOS ve Android原生的lasraklerlerine olarak kodlar otomatikeklenmişolacak。

App.js中的Yapalım。

UygulamanızıBirden fazla组件yaparakmodülerhale getirebilirsiniz。 Örnekolarak bir组件neleriçeriyorinceleyelim。

Bir类oluşturarak反应成分’den扩展ediyoruz。 组件içindeekranı渲染了eden bir blok mevcut。 AyrıcaStyleSheet ekleyerek mobil ekrandaki objelere style’ekleyebilirsiniz。

维吾尔玛雅（Baslatalım）。

  npm开始 
 反应本机运行iOS 

Bu basituygulamanınçıktısıaşağıdakigibidir。

Geliştirdiğimizernek uygulamayaaşağıdakirepo’danulaşabilirsiniz。

akaramanapp / ReactDemoApp

通过在GitHub上创建帐户，为akaramanapp / ReactDemoApp开发做出贡献。

github.com

Daha fazla组件örnekleriiçinresmi Internet siteini inceleyebilirsiniz。

入门·React Native

该页面将帮助您安装和构建您的第一个React Native应用程序。 如果您已经安装了React Native，则…

facebook.github.io

Faydalıolmasıdileğiyle…