Atualmente estou usando este módulo: https://github.com/mxmzb/react-native-gesture-detector. Quero ser capaz de desenhar uma linha a partir dos pontos criados. no entanto, parece que apenas sai círculos
Tem uma visão Criar Gesto
<View style={{ position: relative, width: 100%, height: 100% }}>
<GesturePath
path={gesture.map(coordinate => {
if (recorderOffset) {
return {
x: coordinate.x + recorderOffset.x,
y: coordinate.y + recorderOffset.y,
};
}
return coordinate;
})}
color=green
slopRadius={30}
center={false}
/>
</View>
GesturePath é definido desta forma
const GesturePath = ({ path, color, slopRadius, center = true }: GesturePathProps) => {
const baseStyle: ViewStyle = {
position: absolute,
top: center ? 50% : 0,
left: center ? 50% : 0,
opacity: 1,
};
return (
<>
{path.map((point, index) => (
<Animated.View
style={Object.assign({}, baseStyle, {
width: slopRadius,
height: slopRadius,
borderRadius: slopRadius,
backgroundColor: color,
marginLeft: point.x - slopRadius,
marginTop: point.y - slopRadius,
})}
key={index}
/>
))}
</>
);
};
Quando você desenha nessa vista, ele traça o caminho usando pontos, assim
Eu gostaria que fosse uma linha suave e não uma série de círculos que a imagem acima