ReactNative 学习笔记

时间:2023-09-15 11:07:31

1. react-native引入第三方库时报Command `run-android` unrecognized:

  在使用第三方库tab-navigator时调用:

  

npm install react-native-tab-navigator --save

再次运行时直接报Command run-Android unrecognized. Make sure that you have run npm install and that you are inside a React-native project. 
查询很多发现通过输入命令:

  

yarn add react-native-cli

 解决了;

2.拉取代码命令:

  npm install react-navigation --save

3.react-navigation 去掉导航条底部阴影

iOS:在headerStyle设置borderBottomColor: 'transparent'
Android:在headerStyle设置elevation: 0

4.rn中flex布局:

  • flex 相当于android中的weight
  • flexDirection 控制子View的方向
  • justifyContent 设置子view在主轴上的对其方式
  • alignItem 这只子view在次轴上的对其方式
  • alignSelf 设置view相对于父view的对其方式  沿次轴方向

5.

如果操作数是一个对象,返回true

如果操作数是一个空字符串,返回false
如果操作数是一个非空字符串,返回true
如果操作数是数值0,返回false
如果操作数是任意非0数值(包括Infinity),返回true
如果操作数是null,返回false
如果操作数是NaN,返回false
如果操作数是undefined,返回false

6. 浅拷贝 即 传递的引用

Object.assign 方法实行的是浅拷贝

var obj1 = {a: {b: 1}};
var obj2 = Object.assign({}, obj1); obj1.a.b = 2;
obj2.a.b // 2