react-native-chowder v1.1.45

前言

我将工作中自己造的一些轮子，整理成了现在这个仓库

安装

npm i build

yarn add react-native-svg lodash

npm i react-native-chowder

npm发布

 npm Login
 npm version patch
 npm publish 
 

chart

基于react-native-svg 实现的图表，兼容android和ios

GuagePointer

import {GuageSvg} from 'react-native-chowder';
...
<GuageSvg progress={66} />

KLineBase

import {KLineBase} from 'react-native-chowder';

<KLineBase data={[
  [
    1634092200000,
    56403.38,
    56429.96,
    56397.52,
    56429.96,
  ],
  [
    1634094000000,
    56409.48,
    56463.28,
    56385.63,
    56463.28,
  ],
  [
    1634095800000,
    56515.48,
    56542.51,
    56466.01,
    56466.01,
  ]]} />

KLinePanResponder

import {KLineBase} from 'react-native-chowder';
...
//必须在外面套上view,并指定高度
<View style={{ height: 248 }}>
  <KLinePanResponder data={data24H} backPng={require('./src/assets/backGround.png')} />
</View>

PieCircle

import {PieCircle} from 'react-native-chowder';
...
//必须在外面套上view,并指定高度
<PieCircle />

PiePaht

import {PiePaht} from 'react-native-chowder';
...
//必须在外面套上view,并指定高度
<PiePaht  />

参考

探讨npm依赖管理之peerDependencies