Получить непрерывный поток координат мыши в реагирующем

Question

Чтобы создать приложение для рисования, нужно положение мыши, желательно в режиме реального времени (только кажется, что это немного необходимо) и холст. Для холста я использую реагировать-родной-холст и сенсорное, чтобы обнаружить движение мыши, например, так:

export default class App extends Component {
    render() {
        return (
            <View style={style.width100}>
                <Touchable style={style.width100} onPressIn={() => Alert.alert("TouchStart")} onPressOut={() => Alert.alert("TouchEnd")}>
                    <Canvas ref={handler}/>
                </Touchable>
            </View>
        )
    }
}

const style = Stylesheet.create({
    width100: {
        width: Dimensions.get('window').width, 
        height: Dimensions.get('window').height
    }
})

Это всего лишь фрагмент, у меня здесь гораздо больше таких вещей, как импорт и т. Д., Но это важный материал ...

Метод handler делает фон холста черным, что занимает весь экран, однако, когда я касаюсь экрана, ничего не происходит.

Я попытался использовать обработчик onPress, но результат тот же.

Если это действительно простой вопрос, прошу прощения, я новичок. Спасибо за понимание.