我想在某个事件中动态更改值
活动:
BackgroundGeolocation.on('location', (location) => {
currentDistance = distance(previousLatitude,previousLongitude,latitude,longitude);
this.setState({
text: currentDistance
});
});
<Text>
Moving : {this.state.text}
</Text>
有人知道如何更改文本或任何其他方法来实现吗？
下面是一个例子，它在点击文本值时使用状态来动态更改文本值.你可以设置任何你想要的活动.
import React, { Component } from 'react'
import {
Text,
View
} from 'react-native'
export default class reactApp extends Component {
constructor() {
super()
this.state = {
myText: 'My Original Text'
}
}
updateText = () => {
this.setState({myText: 'My Changed Text'})
}
render() {
return (
<View>
<Text onPress = {this.updateText}>
{this.state.myText}
</Text>
</View>
);
}
}
EDIT: Using React Hooks
import React, { useState } from 'react';
import { View, Text } from 'react-native';
const ReactApp = () => {
const [myText, setMyText] = useState("My Original Text");
return (
<View>
<Text onPress = {() => setMyText("My Changed Text")}>
{myText}
</Text>
</View>
)
}
export default ReactApp;