react-native学习中遇到的问题

  1. npm i安装所有需要下载的软件,若失败,可尝试使用 yarn add某组件名

  2. 当更新代码后出现版本问题
    (1). 通过android-studio打开项目来自动修复问题,上面显示升级或降级,点击即可。
    (2). 如果这时模拟器还是会出现类似IP错误的问题,就需要检查下IP是否出错。
    (3). 若没有问题,通过任务管理器结束当前adb来再次启动模拟器以解决问题。

  3. 安卓集成错误,需要在app下的build.gradle文件中正确填写node的路径
    /usr/local/bin/node 改为 C:/Program Files/nodejs/node.exe

  4. node窗口闪退原因:有可能是各工具的版本号不一样

compileSdkVersion 25
buildToolsVersion '25.0.0'
targetSdkVersion 25 
  1. 模拟器报错:
undefined is not an object (evaluating '_react2.PropTypes.bool')

这是由于react-native版本更新引起的,在react里面不再包含函数组件PropTypes,
node_modules\react-native-baidu-map\js\MapView.js用到 prop-types 的地方加上
import PropTypes from 'prop-types';

  1. 模拟器报错:
Error: This navigator has both navigation and container props, so it is unclear if it should own its own state. Remove props: "isFocused" ...

node_modules\react-navigation-easy-helper下的addToRouteStack.js文件中注释
isFocused={() => this.isFocus}

  1. 安卓阴影插件 'react-native-shadow',报错`Invariant Violation: Native component for "RNSVGLinearGradient" does not exist
    (1). yarn add react-native-shadow
    (2). yarn add [email protected]
    (3). react-native link react-native-svg (敲重点,一定要记得最后这一步)
    一定要分别去官网看一下这两个插件
    在文档中引入插件react-native-shadow之前,要引入插件react-native-svg,因为前者是基于后者的基础上写的。

  2. 设置view的不透明度,样式里面用opacity会使得它的子元素一起变透明;而rgba(0, 0, 0, 0.5)只作用于父元素。

  3. ios设备设置圆角或者边框,不能在Text标签上直接给样式,需要在外面套一层View。

  4. TextInput组件一般使用defaultValue属性,不要用value属性,不然在ios手机用自带的输入法中无法输入中文。

你可能感兴趣的:(react-native学习中遇到的问题)