一、如何用***React***Native***创建一个iOS***APP

步骤方法：可以用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来创建 Java代码。如果已经在电脑上安装上了这些工具，可以跳过下面这几步。

推荐使用 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

以上使用 CLI工具来构建一个 Native项目，是准备建立并运行原样。当这个过程完成后，就会在终端窗口中打开 Xcode的BookSearch.xcodeproj并运行应用程序像往常一样。做到这一点，模拟器将启动您的应用程序的运行。一个终端窗口也将打开。当一个Native应用程序启动时，它加载从以下网址 Java的应用程序。

终端被打开，服务器开始作出反应来处理上述请求。该 Native负责读取和建设 JSX（将看看这个版本）和 Java代码。

运行这个 APP,你可以看到模拟器，如果想在开发运行有几个步骤，应该这样做。

欢迎屏幕给出了一些关键的指令，应该注意：编辑应用程序的用户界面，应该修改，当你创建项目时生成的 index.ios.js文件，如果更改 Java代码，重新加载命令应用程序 Command-R看到的变化，如果想要更多的选择，使用命令控制 Command-Control-Z打开开发者菜单，提供了这样的选项，使现场重新加载和浏览器的调试。

在任何时候做本教程时可能会遇到一个红色屏幕模拟器，可以检查错误消息。能知道这个问题是与代码还是服务器有关系。当接收到错误的消息「无法连接到服务器」在模拟器和检查终端有一个「流程终止」错误消息时我陷入了服务器连接问题。当这种情况发生时，关闭终端窗口，停止在 Xcode中的应用并再次运行它。对于其他错误，是由于语法错误代码中或网络请求超时时（如果应用从互联网上获取数据），一个简单的重新加载后修复这个问题应该怎么做。

如果在敦促 Command-R键盘但什么都没有发生，硬件键盘可能没有连接到模拟器上。选择模拟器上的选项菜单以连接它：Hardware> Keyboard> Connect Hardware Keyboard.

如果按上边程序做了它依然不能重新加载，那么可能需要重启你的电脑。我遇到过一次突然死机，重启电脑可以完成加载。

现在开始构建应用程序，打开 index.ios.js文件。我建议使用适合 web开发的 IDE。还可以使用 Xcode，但会发现它并不适合因为在代码格式化、自动完成和语法错误突出显示时它不是非常灵活。可以通过学习本文来决定并选择合适的 Java IDE。如用 RudbyMine，但实际上任何 IDE都支持 Java。如果能得到一个支持 JSX的那真很不错。

当打开 indx.ios.js文件，就会看到正在运行的应用程序构建 UI的代码。可能看到以下代码块。

'use strict'

以上代码启用了严格的模式，增加了处理原生 Java代码对错误的改善。

var React= require('react-native');

以上代码可以加载 react-native模块，并将它赋予变量的反应。在调用任何模块之前需要把外部模块加载到你的文件中来。可以把它作为Swift和 Objective-C的导入库。

var{ AppRegistry, StyleSheet, Text, View,}= React;

上面是一个解构赋值，可以通过它将多个对象属性分配给一个变量。这能让他们在文件作用域被引用。以上是可选择的，但如果不用它，那么每次你使用一个组件在你代码中时，就必须使用完全限定的名称，例如：「React.AppRegistry」而不能只用「AppRegistry」、「React.StyleSheet」而不能用「StyleSheet」等等。

var BookSearch= React.createClass({ render: function(){ return(<View style={styles.container}><Text style={styles.welcome}> Welcome to React Native!</Text><Text style={styles.instructions}> To get started, edit index.ios.js</Text><Text style={styles.instructions}> Press Cmd+R to reload,{'\n'} Cmd+Control+Z for dev menu</Text></View>);}});

上面创建一个类只有一个渲染()函数。在渲染函数中无论什么被定义都是将输出到屏幕上。上述使用 JSX（Java语法扩展）来构建应用程序的 UI。如果以前使用过 XML（甚至HTML），JSX就会记住并熟悉。它具有相同的均衡功能来打开和关闭标签并使用属性来设置值标签。不需要使用 JSX本地反应，可以使用纯 Java，但 JSX建议它的简单定义树结构。如果你有很多 UI的代码，通过大型的 JSX树结构将更容易阅读理解。

var styles= StyleSheet.create({ container:{ flex: 1, justifyContent:'center', alignItems:'center', backgroundColor:'#F5FCFF',}, welcome:{ fontSize: 20, textAlign:'center', margin: 10,}, instructions:{ textAlign:'center', color:'#333333', marginBottom: 5,},});

上面的样式应用可于视图的内容。如果你做过 web开发或用过 CSS（层叠样式表），在此之前这应该是熟悉的。React Native使用 CSS样式应用程序的UI。如果你看看 JSX代码，会看到不同风格的代码被用在不同的地方。例如: style={style.container}设置样式定义容器的外部视图包含其他UI组件。

上面的样式应用可于视图的内容。如果做过 web开发或用过 CSS（层叠样式表），在此之前这应该是熟悉的。React Native使用 CSS样式应用程序的 UI。如果你看看 JSX代码，会看到不同风格的代码被用在不同的地方。例如: style={style.container}设置样式定义容器的外部视图包含其他 UI组件。

二、关闭iphone iCloud后两部手机同步的照片会删除掉吗

删除苹果手机照片时icloud上的不会同步删除，详细如下：

1，除非,在“照片流”中也删掉同样的照片，不然是不会发生这种情况的。也就是说，除了主动进“照片流”删照片以外，iCloud上的照片是只增不减的。

2，同步不需要连接电脑。只需要开启照片流并连接wifi就可以开始同步了。可以等锁屏的时候自动同步，也可以进入设置中的iCloud选择立刻开始同步。