React native 如何在React Native Expo中实现Processingview?
这里我已经在Expo应用程序中实现了ProcessingView。但是我得到了这个错误“检查React native 如何在React Native Expo中实现Processingview?,react-native,expo,React Native,Expo,这里我已经在Expo应用程序中实现了ProcessingView。但是我得到了这个错误“检查ProcessingView的渲染方法”。我找不到解决办法。如果有人有想法,请指导我。 这里我还附上了屏幕的图像 import React from 'react'; import { ProcessingView } from 'expo-processing'; export default class App extends React.Component { render() { r
ProcessingView
的渲染方法”。我找不到解决办法。如果有人有想法,请指导我。
这里我还附上了屏幕的图像
import React from 'react';
import { ProcessingView } from 'expo-processing';
export default class App extends React.Component {
render() {
return (
<ProcessingView style={{ flex: 1 }} sketch={this._sketch} />
);
}
_sketch = (p) => {
p.setup = () => {
p.strokeWeight(7);
}
const harom = (ax, ay, bx, by, level, ratio) => {
if (level <= 0) {
return;
}
const vx = bx - ax;
const vy = by - ay;
const nx = p.cos(p.PI / 3) * vx - p.sin(p.PI / 3) * vy;
const ny = p.sin(p.PI / 3) * vx + p.cos(p.PI / 3) * vy;
const cx = ax + nx;
const cy = ay + ny;
p.line(ax, ay, bx, by);
p.line(ax, ay, cx, cy);
p.line(cx, cy, bx, by);
harom(
ax * ratio + cx * (1 - ratio),
ay * ratio + cy * (1 - ratio),
ax * (1 - ratio) + bx * ratio,
ay * (1 - ratio) + by * ratio,
level - 1,
ratio);
}
p.draw = () => {
p.background(240);
harom(
p.width - 142, p.height - 142, 142, p.height - 142, 6,
(p.sin(0.0005 * Date.now() % (2 * p.PI)) + 1) / 2);
}
}
}
从“React”导入React;
从“expo processing”导入{ProcessingView};
导出默认类App扩展React.Component{
render(){
返回(
);
}
_草图=(p)=>{
p、 设置=()=>{
p、 冲程重量(7);
}
常量harom=(ax、ay、bx、by、level、ratio)=>{
如果(级别){
p、 背景(240);
后宫(
p、 宽度-142,p.高度-142142,p.高度-142,6,
(p.sin(0.0005*Date.now()%(2*p.PI))+1)/2);
}
}
}
您能分享准确的错误代码吗?您得到了什么?先生,我已经附上了屏幕图像