反应原生移动元素

Question

我想在动作上创建一个元素（按钮或图像）。我希望看到它在屏幕上移动并在我按下它时停止。

我很容易找到一个解决方案，给一个按钮一个随机位置（使用math.random），但我不明白我怎么能把它放在行动上（在屏幕上移动）。

我尝试将按钮的创建放在一个函数上，但是我不能对视图进行循环，所以这不起作用。或者，如果它正常工作，这会产生很多按钮而不只是一个在屏幕上移动。

constructor(props) {
  super(props);
  this.index = true;
}

renderButton = () => {
    if (this.index){
        const NumberHolder = Math.floor(Math.random() * 600) ;
        const NumberHolder2 = Math.floor(Math.random() * 250) ;
        const bt = [];
        bt.push(<View style={{position: 'absolute', top: NumberHolder, left: NumberHolder2}}>
        <Button
            title="Press me 2 =>"
            onPress={this._onPressButton}
        />
        </View>);
        return bt;
    }
}

render() {
    return (
    <View style={styles.container}>
        {this.renderButton()}
    </View>
    );
}