分类： React Native

在RCTScrollRuler.xcodeproj中配置Header Search Paths如下：

${SRCROOT}/../../../ios/Pods/Headers/Public/React-Core
${SRCROOT}/../../../ios/Pods/Headers/Public/Yoga

参考文章：https://www.jianshu.com/p/99c0adcf6052

在iOS平台下实现自动管理键盘你只需要将IQKeyboardManager文件夹添加到自己的iOS工程即可，Android平台不需要添加其他库，系统自动处理。

下载地址：https://github.com/guangqiang-liu/react-native-keyboardManager

问题：用fetch方法upload文件，服务器接收不到文件内容

原因：https://github.com/facebook/react-native/issues/201，需要用原生的xhr进行上传

方法：可参考https://www.jianshu.com/p/97442b727a28

问题：Ant Design Mobile React Native的ImagePicker组件实现图片上传，结果提示“暂无数据”。

原因：蚂蚁这个框架的ImagePicker也是调用了一个第三方的开源组件react-native-camera-roll-picker，这个第三方组件的作者也是粗心，有个属性groupTypes的默认值有问题，结果Ant框架在封装的时候也没修复，不过幸好留了个cameraPickerProps可以给这个第三方间接传过去。

方法：

<ImagePicker
    title={"上传评测报告"}
    cancelText={"取消"}
    selectable={true}
    onChange={this.handleFileChange}
    files={this.state.files}
    cameraPickerProps={{
        groupTypes: "All"
    }}
/>

资料：https://github.com/jeanpan/react-native-camera-roll-picker/issues/32

<WebView
    style={{width: width, height: height, marginBottom: 20}}
    source={{ uri: this.props.route.params.url }}
    injectedJavaScript={this.props.route.params.injectedJavaScript}
    javaScriptEnabled={true}
    domStorageEnabled={true}
    mixedContentMode={'compatibility'}
    onMessage={(event) => {
        console.log('event: ', event)
    }}
/>

解决办法：WebView配置上onMessage属性，injectedJavaScript注入的JS代码就生效了

React Native WebView中嵌入的H5网页，拍照或上传图片时显示的选项为英文，如何修改为中文呢？

配置xcode项目配置 => Info => Custom iOS Target Properties => 配置Localization native development region设置为China.如图：

RN 0.6以后react-navigation 导航报错null is not an object (evaluating ‘_RNGestureHandlerModule.default.Direction’)

cd ios
pod install

参考文章：https://blog.csdn.net/shaobo8910/article/details/81121965?utm_source=blogxgwz8

昨天遇到了这样一个问题，我打算使用HTML5的video标签简单的在网页上插入一个MP4视频，类似这样

<video preload=”none” controls>
<source src=”video.mp4″ type=”video/mp4″>
</video>
但是在网页中我点击播放的时候，却发现只有声音而没有图像。不过我用电脑中的视频播放器播放这段视频还是可以看到图像的。那么问题来了，这个锅谁来背？

问题出在哪

经过一些搜索得知，其实根本的问题是虽然大家都是.mp4后缀的文件，但是编码方式不同，而video标签的标准是用H.264方式编码视频的MP4文件（当然video标签还可以播放WebM和OGG格式的文件，这里就不多说了），而我之前使用的视频文件是Xvid编码的MP4文件,所以只能播放出音频而不能看到图像

解决方法

既然知道了问题出在哪，接下来就要想办法把我现有的视频文件转码成H.264编码的文件。
我使用的是Mac, 而且之前并没有装过什么视频转码的应用，搜索了一下发现Mac自带一个功能叫“编码所选视频文件”，我尝试着使用了一下。发现然并卵，生成的文件就像我在浏览器中播放的一样，只有声音没有图像，大概这个功能更适合吧其他格式的文件转换成MP4吧。
经过进一步搜索，发现了ffmpeg这个神器，使用这个命令行的工具，最终完成了视频编码的转换，下面详细介绍一下转换的方法

安装并使用 ffmpeg

我使用的是Mac，并且安装了homebrew，所以可以直接通过homebrew安装ffmpeg

brew install ffmpeg
其实ffmpeg的指令有很多，想要详细了解可以参见ffmpeg参数中文详细解释，这里我只需要把一个其他编码格式的MP4文件转换成H.264编码的MP4文件，具体指令如下

ffmpeg -i input.mp4 -vcodec h264 output.mp4
自行替换input和output文件名就可以了，其实这里input文件还可以是其他格式的视频文件，ffmpeg可以自动识别转换的方式，非常便利！
经过上述转换，使用输出的文件在Chrome上播放就没有问题了

<Header
  style={{ backgroundColor: "#276adc" }}
  androidStatusBarColor="#276adc"
  iosBarStyle="light-content"
>

直接在模拟器上运行或是Debug运行，都没问题。但是，用Android Studio生成的APK安装包，总是旧版本。

解决办法：

对于React Native，勿用Android Studio进行APK打包，直接使用命令行方式进行打包。(gradlew assembleRelease)

参考文章：http://www.jianshu.com/p/5b5c2293b11c

shareSDK的菜单标题为英语

解决:
一般语言是根据手机语言转换的.但是有时候也会遇到应用语言和本机语言不匹配的结果.这种情况下,这种情况下,可以通过下边图中方法解决。