reactNative 填坑

0：Flatlist组件：

keyExtractor 这个参数的返回值是String 不是的话会提示警告

示栗:（item)=>{String(item)}

1:调用原生

第一步用Android studio打开 android目录下的 build.gradle 文件

待完善...

2: react-native debug 浏览器跨域问题（app页面白屏无法从启动的服务上获取文件）

版本 0.54.2 系统 ios android 浏览器Google chrome

https://segmentfault.com/a/1190000013665754?utm_source=tag-newest

https://stackoverflow.com/questions/48445514/react-native-js-debugger-issues-with-cors-ios

手机或模拟器开启Debug JS Remotely 时候浏览器打开时会自动打开10.0.x.x:8081 的网址

这个时候打开控制台如果出现浏览器跨域的问题请前往扩展程序下载 Allow-Control-Allow-Origin: *

这个浏览器插件即可解决这个问题，暂时也只发现这一种有效的解决方案

3: react-native-vector-icons 插件

版本：^4.5.0 问题：android调用时出现方块里面有叉叉或者是❓

解决方法：

请按照官网的（⚠️用Android studio打开 android目录下的 build.gradle）

Option: With Gradle (recommended === “推荐” ) 【开始】多学英语还是有好处的。。。

。。。。。这中间的进行配置

Option: Manually （结束）

4.'config.h' file not found

在项目根目录 cd node_modules/react-native/third-party/glog-0.3.4 && ../../scripts/ios-configure-glog.sh

5。Xcode 10 运行报错 websocke

6. 解决“Cannot merge new index xxx into a non-jumbo instruction”的问题

在 android/app 下的 build.gradle 文件

android{

...

dexOptions {

jumboMode true

}

....

}

7. 打包出现 xxxx.png 错误

在 android/gradle.properties 加上

android.enableAapt2=false

然后清除build 生成的文件，然后再重新打包

react-navigation 导航标题栏居中

createStackNavigator(routes, { headerLayoutPreset: 'center' })

StyleSheet.create 中写样式vscode 不提示

新建一个文件，将下方代码黏贴在这个文件中，再在你的代码中引入此文件（不要再引入react-native 自带的StyleSheet）

import { StyleSheet as RnStyleSheet, ViewStyle, TextStyle, ImageStyle } from 'react-native';

type StyleProps = Partial<ViewStyle | TextStyle | ImageStyle>;

export const StyleSheet = {

create(styles: { [className: string]: StyleProps }) {

return RnStyleSheet.create(styles);

}

};