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);
}
};