论坛 - React Native中文社区

晴明

//引入 Loading页面 主页面 登录页等页面组件
constructor(props) {
    super(props);
    this.state = { 登录状态: 等待检查 };
}
componentDidMount() {
    this.检查登录();    // 比如调用asyncstorage
}
检查登录() {
    if(经过检查后是已登录状态) {
          this.setState({ 登录状态: 已登录 });
    }
    else {
          this.setState({ 登录状态: 未登录 });
    }
}
render() {
const { 登录状态 } = this.state;
switch(登录状态) {
     case 等待检查:
               return <Loading页面 />;
     case 已登录:
               return <主页面 />;
     case 未登录:
               return <登录页 />;
}
}

晴明

@laughing 不用考虑了，从0.18开始，rn的新项目默认模板已经全面转向ES6了

晴明

@dearMartlet 人家必然是写好了路径，你如果知道人家写在哪你就去哪改，不知道写在哪就自己去研究，既不知道也不研究那就照着别人的要求做，既不知道也不研究还不照着别人的要求做——你咋不上天呢

晴明

https://github.com/chirag04/react-native-in-app-utils

晴明

https://reactnavigation.org/docs/en/navigation-prop.html#addlistener-subscribe-to-updates-to-navigation-lifecycle

晴明

7月5日发布的0.56版本在windows下有bug不能正常运行（包括后发的0.56.1也不行）

可以使用更低（<=0.55）或者更高(>=0.57)的版本

晴明

原文地址

本站完整打包0.17版本下载(无需init新项目和科学上网)

高层变更

添加Android WebView
新的Alert API，同时支持iOS和Android
用js封装UIManager原生模块，以实现更好的抽象性
暴露一个全局变量navigator.product，用来判断当前js的运行环境是否是React Native。webpack的用户请注意，由于这一特性需要读取json文件，因此你可能需要用到json-loader
修复Windows 10上打包失败的问题
修复在Navigator中通过ref拿不到navigationBar的引用的问题
现在Babel支持for-of循环的转换了
修复了packager没有正确处理assetRoots参数的问题
修复了inspect无状态组件会引起崩溃的问题
在iOS和Android上添加了新的剪贴板组件。之前在iOS上叫做RCTPasteboard
修复了在windows上使用require("./image")的问题

Android

开源SwipeRefreshLayoutAndroid组件，可用于竖直方向手势刷新（例子）
JSC profiler现在可以指定文件输出
通过使用Android特定的elevation属性实现了视图阴影。但只能在Android 5.0+上使用。
现在图片支持onLoad系列事件
Android的单元测试代码现已开源
现在支持给FrescoModule传递ImagePipelineConfig，以改进Fresco的可配置性
现在开始实验性地支持LayoutAnimation，但暂时需要通过UIManager.setLayoutAnimationEnabledExperimental手动开启
修复了变换过(transformed)的视图会在原位置接受触控的问题
现在支持NetInfo
ToolbarAndroid现在支持从右到左的文字方向RTL (right-to-left)
Image现在添加了loadingIndicatorSrc属性，类似于iOS的defaultSource，用于在loading时先显示点加载提示
为ReactPropGroupAdded添加了double类型
为视图添加了rotateX和rotateY变换

iOS

修复TextInput中包含富文本时出现的一些诡异的滚动问题
SliderIOS现在可以使用自定义图片
MapView的标注现在可以使用自定义的颜色和图片
MapView现在支持折线段：你可以在两点间使用自定义的颜色和宽度来绘制线段
添加didSetProps回调，它会在你为视图设置props之后调用
修复了多行 TextInput的onFocus/onBlur事件
通过添加另一种实现修复了MapView在iOS 8中崩溃的问题
为ActionSheetIOS添加了excludedActivityTypes
为AlertIOS添加了secure-text和login-password的输入类型。同时修复了取消按钮的高光样式，以及OK/Cancel按钮对应的本地化表达
为多行TextInput添加了blurOnSubmit属性，它模拟了在单行文本框中按回车键的行为
修复了TextInput在iOS 8及更低版本系统中的一些问题
修复了嵌套ScrollView中的滚动问题
TabBarIOS现在可以以字符串的形式指定systemIcon
LinkingIOS现在支持通用链接
PickerIOS现在支持style属性，可以自定义字体大小、颜色和对齐方式
ActionSheetIOS的按钮现在可以指定tintColor

重大变更

RCTRootView的initialProperties属性已被移除
UIManager不再支持Scrollview
iOS的原生模块bridge.modules现已过时，请使用bridge.moduleClasses或bridge moduleForName/Class。这一变更是为了实现原生模块的懒加载(lazy-loading)，提升效率
PullToRefreshLayoutAndroid组件现已更名为PullToRefreshViewAndroid

晴明

@Lotheve 回退版本的话，npm install之后还需要执行npm upgrade并选择全部覆盖

晴明

因为这个问题的答案显而易见：官方没有这个组件（请找第三方 http://react.parts 或 http://github.com )

晴明

原文地址

从0.18开始，RN默认项目全面转向ES6，语法大变化，请参考此贴学习 http://bbs.reactnative.cn/topic/15/

如何升级现有项目的RN版本？

重大变更

在react-native中引用React的做法发生了变更（在当前版本老的做法会报错）：

之前

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

现在

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

具体哪些属于React，哪些属于React Native，可以参考这篇帖子（需要科学上网）。

我摘录如下：

"react":

Children
Component
PropTypes
createElement
cloneElement
isValidElement
createClass
createFactory
createMixin

"react-native":

hasReactNativeInitialized
findNodeHandle
render
unmountComponentAtNode
unmountComponentAtNodeAndRemoveContainer
unstable_batchedUpdates
View
Text
ListView
...
以及其他所有的原生组件。

Breaking changes

General

Kill NavigationReducers (<tt>3a8b50a</tt>) - @hedgerwang
NavigationExperimental - Clean up NavigationStateUtils (<tt>67002e8</tt>) - @hedgerwang
```
*   Remove the logic that lets NavigationStateUtils accept empty value as input and return a new state.
```
- Remove the method NavigationStateUtils.getParent, NavigationStateUtils.set.
NavigationExperimental - Remove prop onNavigate (<tt>fb0007d</tt>) - @hedgerwang

Android

Add ReactInstanceHolder (<tt>49f20f4</tt>) - @foghina

Migration instructions

1.  Create a new file `MainApplication.java` in the same folder as `MainActivity.java`

    2.  Update it to match - [https://github.com/facebook/react-native/blob/0.29-stable/local-cli/generator-android/templates/package/MainApplication.java](https://github.com/facebook/react-native/blob/0.29-stable/local-cli/generator-android/templates/package/MainApplication.java) and move your customisations from `MainActivity.java` to this file
3.  Update `MainActivity.java` to match - [https://github.com/facebook/react-native/blob/0.29-stable/local-cli/generator-android/templates/package/MainActivity.java](https://github.com/facebook/react-native/blob/0.29-stable/local-cli/generator-android/templates/package/MainActivity.java)

    4.  Add `android:name=".MainApplication"` in the `&lt;application /&gt;` section of `AndroidManifest.xml`. It should now look like,

<div class="highlight highlight-source-diff"><pre>&lt;application

<span class="pl-mi1">+ android:name=".MainApplication"</span>
android:allowBackup="true"
android:label="@string/app_name"
android:icon="@mipmap/ic_launcher"
android:theme="@style/AppTheme"></pre></div>

The experience might vary according to the level of customization you've made. Check this commit to see how UIExplorer and MoviesApp were migrated - [<tt>dcc2abc</tt>](https://github.com/facebook/react-native/commit/dcc2abc1f63f91e53bf01f4bc56c5b7c76300617)

Remove support for password property and only use secureTextEntry (<tt>f3507f9</tt>) - @dmmiller
Remove the Profiler Option in RN Android Dev Menu (<tt>4b19db3</tt>) - @lebronJ

iOS

Automatically clip subviews when removeClippedSubviews prop is used (<tt>1048e5d</tt>) - @nicklockwood
Remove deprecated methods from StatusBarIOS (<tt>4de616b</tt>) - @javache

General

Bug fixes

Fix left button moving in instead of fading in in NavigationBar (<tt>8731494</tt>) - @dragonwong
Fix incorrect import reference for emptyFunction in SwipeableListView (<tt>2fd537c</tt>) - @glawson
Fix onLayout support in <TextInput> (<tt>92926f9</tt>) - @paulshen
Don't clobber user-defined environment variables (<tt>402e7ea</tt>) - @vkarpov15
Fix polyfillLazyGlobal to work with allowTopLevelThis = false (<tt>f9e26b3</tt>) - @janicduplessis

New features and enhancements

Show stacktrace in YellowBox (<tt>8d03857</tt>) - @skv-headless
Add StyleSheet.absoluteFill convenience constant (<tt>e79f5d7</tt>) - @sahrens
Changed version of React dependency to ~ (<tt>592d5fb</tt>) - @bestander
Open sourced KeyboardAvoidingView (<tt>8b78846</tt>) - @nicklockwood
Allow CameraRoll to export videos (<tt>7357ccc</tt>) - @corbt
Clear Debug Console on Reload JS (<tt>b03a725</tt>) - @yungsters
Make InteractionManager tasks cancellable (<tt>be09ccc</tt>) - @sahrens
Add support for reverse flex directions on Android and iOS (<tt>d43e0db</tt>) - @feichngr
Add support for lineBreakMode prop on <Text> (<tt>c03b166</tt>) - @skv-headless
Fix an issue where scrollview wouldn't unclip its cells (<tt>1fcd73f</tt>) - @majak
Make module IDs deterministic when bundling (<tt>62bb09d</tt>) - @davidaurelio

Android

Bug fixes

Enable Double R shortcut to reload JS when redbox is shown (<tt>4959b21</tt>) - @lebronJ
Fix deletion layout animations to work with custom view managers (<tt>49a5fe4</tt>) - @astreet
Fix crash when Modal is displayed as a result of touch handling code (<tt>837aafd</tt>) - Olivier Notteghem
Properly validate layout animation config (<tt>d4e7c8a</tt>) - @janicduplessis
Fix potential NPE in layout animation deletion code (<tt>bb9ed2d</tt>) - Olivier Notteghem
Fix bug where UIOperations aren't executed after hosting Activity is paused (<tt>eef03fd</tt>) - @astreet
Remove iOS platform check for running devtools (<tt>1b40db7</tt>) - @kageurufu
Fix dialogmodule crashing with no fragment manager in onHostResume (<tt>bf79352</tt>) - @foghina

New features and enhancements

Open source permissions module (<tt>b7352b4</tt>) - @andreicoman11

iOS

Bug fixes

Fixed bug where layoutSubviews was called continuously for scrollview (<tt>329c716</tt>) - @nicklockwood
Explicitly set default background color in RCTTextView (<tt>1fce891</tt>) - @bnham
Fixed MapView's draggable annotation (<tt>993a928</tt>) - @nathanajah
Handle the case where redirect URL is relative (<tt>39eca05</tt>) - @maartenschumacher
Fix unbale to scroll in image cropper (<tt>13dfb62</tt>) - Wenjing Wang
Correctly passes localNotification to app on wakeup (<tt>57d4523</tt>) - @corbt

New features and enhancements

Add getScheduledLocalNotifications (<tt>5b4b027</tt>) - @joshuapinter
Implement CSS z-index for iOS (<tt>d64368b</tt>) - @nicklockwood
Add support for native animations on iOS (<tt>19e2388</tt>) - @buba447* Prevent images from flickering when component is reloaded (<tt>c8f39c3</tt>) - @nicklockwood* Implemented automatic IP detection for iOS (<tt>8c29a52</tt>) - @nathanajah
Support {min,max}{Width,Height} on RCTView (<tt>78b8929</tt>) - @javache

晴明

是个标准的翻墙的问题（下载gradle时报错）
老的项目不建议去跑

晴明

纯webview应该有影响

晴明

RN不是web技术也与html无关（并不能在safari浏览器上运行），所以技术上来说与此公告无关
不过一切解释权和实际判断、执行都在苹果自己手上，它禁了udid，禁了CallKit，禁了32位app，禁了热更新，禁了第三方虚拟支付，禁了UIWebView，现在要禁web app，甚至哪天要禁oc只能用swift都未尝不可能。所以对于开发者来说，只能走一步看一步，顺其自然。

晴明

是的，构建成功了

晴明

如果没有改过名字那就重置模拟器（清掉所有数据）再试试

晴明

你能在xcode里输入命令运行？
运行什么命令当然是在命令行里运行啊

晴明

你没有用到但是第三方会用到，比如你截图里这个HomeChart

晴明

不要在目录名中使用小数点

晴明

在项目目录中运行react-native info截图看下
还有package.json截图看下

晴明

我问具体的操作步骤，就是你输入了什么，改了什么之类的操作，不需要你说与操作无关的东西

“在ios 13 通过react-native init 项目名”是什么操作？你创建的项目跟ios版本有啥关系？
“在ios中通过cocoapods管理三方库”，没有指定版本就是最新版本，最新版本本来就是cocoapods管理的，这个说明是指有啥特别操作？
如果你没有什么别的操作或改动要补充，那么截个图看下packager（packager是指运行ios时自动弹出的那个命令行窗口）

晴明

@晴明

Best posts made by 晴明

高层变更

Android

iOS

重大变更

重大变更

"react":

"react-native":

Breaking changes

General

Android

iOS

General

Bug fixes

New features and enhancements

Android

Bug fixes

New features and enhancements

iOS

Bug fixes

New features and enhancements

Latest posts made by 晴明