基于rn版本0.51.1 react版本16使用组件ART
import React from 'react';
import { Dimensions, ART } from 'react-native';
const width = Dimensions.get('window').width;
const path = ART.Path();
path.moveTo(1, 1);
path.lineTo(width, 1);
<ART.Surface width={width} height={1}>
<ART.Shape d={path} stroke="#f2f2f2" strokeWidth={80} />
</ART.Surface>
随着rn react版本升级 ART组件从核心库中被移出 在package.json文件中dependencies的配置发生了改变
“dependencies”: {
"@react-native-community/art": "^1.2.0",
"react": "16.4.1",
"react-native": "^0.61.5"
}
//使用如下:
import React from 'react';
import { Text, View } from 'react-native';
import { Surface, Shape, Path } from '@react-native-community/art';
const path = Path();
path.moveTo(1, 1);
path.lineTo(width, 1);
<Surface width={width} height={1}>
<Shape d={path} stroke="#f2f2f2" strokeWidth={80} />
</Surface>