react native别人的工程怎么运行起来

来自:贴吧网友   更新日期:2024-05-19
react-native+怎么插入别人的工程

React Native 结合了 Web 应用和 Native 应用的优势,可以使用 JavaScript 来开发
iOS 和 Android 原生应用。在 JavaScript 中用 React 抽象操作系统原生的 UI 组件,代替 DOM 元素来渲染等。

React Native 使你能够使用基于 JavaScript 和 React
一致的开发体验在本地平台上构建世界一流的应用程序体验。React Native
把重点放在所有开发人员关心的平台的开发效率上——开发者只需学习一种语言就能轻易为任何平台高效地编写代码。Facebook
在多个应用程序产品中使用了 React Native,并将继续为 React Native 投资。

其好处显而易见:减少了人力、节省了时间、避免了 iOS 与 Android 版本发布的时间差,开发新功能可以更迅速。

下面,我们可以尝试用React Native创建一个 iOS APP.

在我们开始之前,我建议:你可以在 Github
里先下载 React Native 的代码框架。里面还有一些示例项目,2048 的游戏, Movies(一个看电影的
APP),SampleApp, TicTacToe (一款游戏)和 UIExplorer(能显示出所有用 React Native
替代的控件,如ListView,TabBar,MapView, Slider)),对于学习用如何用 React Native 创建
UI,这些都是非常好的例子,尤其是 UIExplorer APP,它几乎用到了每一个您的 APP 中需要创建的 UI 控件。

首先,我们先来安装相应的工具。React native 是使用 Node.js 来 创建 JavaScript 代码。如果你已经在你电脑上安装上了这些工具,你可以跳过下面这几步。

推荐使用 Homebrew的方式来安装 nvm,watchman 和 flow。

在Mac下,如果用homebrew,那么只用一行就可以装好:
brew install node

接下来安装watchman
brew install watchman

watchman是Facebook的一个文件观察者。React Native 用它来检测代码的变化.

接下来安装 npm
npm install -g react-native-cli

nmp 是 node的一个三方管理工具,相当于 Ruby中的RubyGems,iOS中的 CocoaPods,Java中的 Gradle/Maven,基本上,它使您能够轻松下载和管理你的项目需要的任何依赖库。

在终端,找到你希望保存的项目文件,然后运行下面的文件夹。
react-native init BookSearch

楼主:不太清楚你想表达什么意思,但是你想使用RN开发Android应用,首先你要先搭建好开发环境,可以参考Facebook的官方文档:https://facebook.github.io/react-native/docs/getting-started.html

搭建好开发环境后,运行下面几个命令就可以得到一个RN项目:
react-native init AwesomeProject cd AwesomeProject react-native startreact-native run-android你可以选择在手机上或者模拟器上运行项目,使用adb devices可以查看连接到你电脑的手机或者模拟器。

当然,如果想学习RN开发的话,需要了解的知识还是很多的,但是学任何一门技术都是有一定的困难,网上有很多关于RN的入门教程,但最重要的还是官方文档,近期我在做一个RN的实战项目教程,欢迎Q我:879942736了解学习。

React Native 结合了 Web 应用和 Native 应用的优势,可以使用 JavaScript 来开发
iOS 和 Android 原生应用。在 JavaScript 中用 React 抽象操作系统原生的 UI 组件,代替 DOM 元素来渲染等。
React Native 使你能够使用基于 JavaScript 和 React
一致的开发体验在本地平台上构建世界一流的应用程序体验。React Native
把重点放在所有开发人员关心的平台的开发效率上——开发者只需学习一种语言就能轻易为任何平台高效地编写代码。Facebook
在多个应用程序产品中使用了 React Native,并将继续为 React Native 投资。
其好处显而易见:减少了人力、节省了时间、避免了 iOS 与 Android 版本发布的时间差,开发新功能可以更迅速。
下面,我们可以尝试用React Native创建一个 iOS APP.
在我们开始之前,我建议:你可以在 Github
里先下载 React Native 的代码框架。里面还有一些示例项目,2048 的游戏, Movies(一个看电影的
APP),SampleApp, TicTacToe (一款游戏)和 UIExplorer(能显示出所有用 React Native
替代的控件,如ListView,TabBar,MapView, Slider)),对于学习用如何用 React Native 创建
UI,这些都是非常好的例子,尤其是 UIExplorer APP,它几乎用到了每一个您的 APP 中需要创建的 UI 控件。
首先,我们先来安装相应的工具。React native 是使用 Node.js 来 创建 JavaScript 代码。如果你已经在你电脑上安装上了这些工具,你可以跳过下面这几步。
推荐使用 Homebrew的方式来安装 nvm,watchman 和 flow。
在Mac下,如果用homebrew,那么只用一行就可以装好:
brew install node
接下来安装watchman
brew install watchman
watchman是Facebook的一个文件观察者。React Native 用它来检测代码的变化.
接下来安装 npm
npm install -g react-native-cli
nmp 是 node的一个三方管理工具,相当于 Ruby中的RubyGems,iOS中的 CocoaPods,Java中的 Gradle/Maven,基本上,它使您能够轻松下载和管理你的项目需要的任何依赖库。
在终端,找到你希望保存的项目文件,然后运行下面的文件夹。
react-native init BookSearch

React Native 结合了 Web 应用和 Native 应用的优势,可以使用 JavaScript 来开发
iOS 和 Android 原生应用。在 JavaScript 中用 React 抽象操作系统原生的 UI 组件,代替 DOM 元素来渲染等。

React Native 使你能够使用基于 JavaScript 和 React
一致的开发体验在本地平台上构建世界一流的应用程序体验。React Native
把重点放在所有开发人员关心的平台的开发效率上——开发者只需学习一种语言就能轻易为任何平台高效地编写代码。Facebook
在多个应用程序产品中使用了 React Native,并将继续为 React Native 投资。

其好处显而易见:减少了人力、节省了时间、避免了 iOS 与 Android 版本发布的时间差,开发新功能可以更迅速。

下面,我们可以尝试用React Native创建一个 iOS APP.

在我们开始之前,我建议:你可以在 Github
里先下载 React Native 的代码框架。里面还有一些示例项目,2048 的游戏, Movies(一个看电影的
APP),SampleApp, TicTacToe (一款游戏)和 UIExplorer(能显示出所有用 React Native
替代的控件,如ListView,TabBar,MapView, Slider)),对于学习用如何用 React Native 创建
UI,这些都是非常好的例子,尤其是 UIExplorer APP,它几乎用到了每一个您的 APP 中需要创建的 UI 控件。

首先,我们先来安装相应的工具。React native 是使用 Node.js 来 创建 JavaScript 代码。如果你已经在你电脑上安装上了这些工具,你可以跳过下面这几步。

推荐使用 Homebrew的方式来安装 nvm,watchman 和 flow。

在Mac下,如果用homebrew,那么只用一行就可以装好:
brew install node

接下来安装watchman
brew install watchman

watchman是Facebook的一个文件观察者。React Native 用它来检测代码的变化.

接下来安装 npm
npm install -g react-native-cli

nmp 是 node的一个三方管理工具,相当于 Ruby中的RubyGems,iOS中的 CocoaPods,Java中的 Gradle/Maven,基本上,它使您能够轻松下载和管理你的项目需要的任何依赖库。

在终端,找到你希望保存的项目文件,然后运行下面的文件夹。
react-native init BookSearch

楼主:不太清楚你想表达什么意思,但是你想使用RN开发Android应用,首先你要先搭建好开发环境,可以参考Facebook的官方文档:https://facebook.github.io/react-native/docs/getting-started.html

搭建好开发环境后,运行下面几个命令就可以得到一个RN项目:
react-native init AwesomeProject cd AwesomeProject react-native startreact-native run-android你可以选择在手机上或者模拟器上运行项目,使用adb devices可以查看连接到你电脑的手机或者模拟器。

当然,如果想学习RN开发的话,需要了解的知识还是很多的,但是学任何一门技术都是有一定的困难,网上有很多关于RN的入门教程,但最重要的还是官方文档,近期我在做一个RN的实战项目教程,欢迎Q我:879942736了解学习。

有友圈,时尚产品用品的交流,为健康绿色生活提供参考

Copyright© 有友圈 2024