基于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>