npm

npm配置文件为$Home/.npmrc

# 查看npm配置文件目录
npm config get userconfig

# 查看配置项
npm config ls
npm config ls -l #查看所有配置项
npm config list

# 编辑配置文件
npm config edit


# 获取源地址
npm config get registry

# 设置源地址
# https://registry.npmjs.org
npm config set registry http://10.193.204.59:8888/repository/group-npm/



# 创建package.json文件
npm init

# 查看所有依赖项
npm list



# 查看具体依赖的版本
npm info react-native




# 全局安装xx
npm install electron@12 -g

# 安装yarn npm替代工具
npm install -g yarn

# 更新
npm update -g xxx

# 卸载
npm uninstall --save xx  # save指从package.json文件中删除


npm publish

JavaScriptReactNative

React Native

2023-12-21

动画

动画组件

Animated.View

Animated.timing(this.state.xPosition, {
  toValue: 100,
  easing: Easing.back(),
  duration: 2000
}).start();

JavaScriptReactNative

React Native

2023-12-21

Android原生UI组件

RN中可以直接使用原生自定义UI组件，提供原生视图的流程：

JavaScriptReactNative

React Native

2023-12-21

Android原生模块

模块的定义

要实现通信，需要先定义ReactContexBaseJavaModule，并将ReactPackage注册到ReactInstanceManager中

ReactMethod

注意，@ReactMethod 注解的方法必须满足以下条件：

JavaScriptReact

JavaScript Redux

2023-12-21

声明文件的写法的区别

基本的声明

声明文件


var x = 1;
module.exports.x = x; //导出变量

var add = function(a, b){
  return a + b;
};

module.exports.add = add; //导出函数


function multiplay(a, b) {}

export {multiplay} // 导出对象

module.exports = {}; //ES5的写法，导出多个文件


export {add as default}; //导出默认值

export default class A {}

export default () => {}

export {Header, Bottom};

export type {TypeA, TypeB}; //导出类型

export default XXX 和 export {XXX} 区别

export default XXX: