小编Mic*_*eng的帖子

如何在React Native中停止循环动画?

我在我的组件中有一个简单的循环动画,如下所示:

runAnimation() {
    console.log('run animation');
    this.state.angle.setValue(0);
    Animated.timing(this.state.angle, {
        toValue: 360,
        duration: 8000,
        easing: Easing.linear
    }).start(() => this.runAnimation());
}

...

<Animated.Image
    style={[
        styles.rotate,
        { transform: [
            { rotate: this.state.angle.interpolate({
                inputRange: [0, 360],
                outputRange: ['0deg', '360deg']
            })},
        ]}
    ]}
    source={require('./spinning_ball.png')}
/>
Run Code Online (Sandbox Code Playgroud)

我该怎么做这个动画?例如,导航到另一个屏幕或用户点击按钮后.

我尝试使用this.state.angle.stopAnimation()但注意到仍在控制台中打印运行动画.我应该调用一个不同的停止方法来阻止启动回调被执行吗?

javascript animation react-native

9
推荐指数
3
解决办法
6740
查看次数

扩展Component之后的<{}>语法是什么?

我今天使用React Native 0.51.0开始了一个新项目,并注意到默认项目文件的类语法添加了一些新内容,<{}>语法extends Component如下:

export default class App extends Component<{}> {
   ...
}
Run Code Online (Sandbox Code Playgroud)

我尝试做研究,但大多数搜索引擎都会忽略特殊字符,即使是精确的字符串匹配,所以试图找出这种语法是很困难的.我做了一些测试,并且能够发现这个变化出现在v0.49.0中.该发行说明中没有提过这是什么补充语法确实,虽然.

很多模糊的关键字搜索和阅读让我相信这可能是与TypeScript相关的语法,但是对语言不熟悉,我不知道如何搜索并找出有关语法的更多信息,而不知道是什么适当的术语是.谁能告诉我语法的名称及其作用?特别是关于React Native.

syntax flowtype react-native

7
推荐指数
1
解决办法
1733
查看次数

如何在 onPress 的 react-native-maps 中获取标记的键或坐标?

我正在使用react-native-maps来渲染带有多个标记的 MapView。当用户单击标记时,我想执行一些操作和动画。为此,我将一个函数(例如,onMarkerPress)绑定到每个标记的 onPress。我遇到的问题是我不知道如何找出哪个标记触发了该功能。有没有办法获得对标记/识别键道具的引用?甚至坐标也可以,因为我可以使用它们来查找标记。

javascript events react-native react-native-maps

3
推荐指数
1
解决办法
6938
查看次数

如何发送数据正确的axios错误:多部分:找不到边界

我不知道为什么在服务器上收到[错误:多部分:未找到边界]bundle.js:37628 POST http:// localhost:8800 / exporttocsv 500(内部服务器错误

<form action="/exporttocsv" method="POST"  encType="multipart/form-data">
Run Code Online (Sandbox Code Playgroud)

发布正常,但axios无法通过。

请帮助我纠正错误

这是我的代码/-客户端

import axios from 'axios'
var formData = new FormData()

const config = { headers: { 'Content-Type': 'multipart/form-data' } };
export const ipmortToCSV = (file) => dispatch => {

formData.append('file',file)
console.log(formData.getAll('data'))

axios.post('/exporttocsv', {
          "UploadCommand": formData
      },config)
      .then(function (response) {
        console.log(response);
      })
      .catch(function (error) {
        console.log(error);
      });
Run Code Online (Sandbox Code Playgroud)

// - 服务器

const router = require('express').Router()
var csv = require('csv-express')
const controllers = require('../../controllers/exporttocsv') …
Run Code Online (Sandbox Code Playgroud)

javascript node.js axios

1
推荐指数
3
解决办法
6589
查看次数