はネイティブリアクト：どのように動的に

Question

私はいくつかのイベントに動的に値を変更したい 値を変更する

イベント：

BackgroundGeolocation.on('location', (location) => {  
    currentDistance = distance(previousLatitude,previousLongitude,latitude,longitude); 

      this.setState({ 
       text: currentDistance     
      });         

    }); 
<Text> 
    Moving : {this.state.text} 
</Text> 

は、誰もがテキストまたは達成するための他の方法を変更する方法を知っているのですか？

Answer 1

以下は、テキスト値をクリックしながら動的に変更するために状態を使用する例です。任意のイベントに設定できます。

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> 
    ); 
    } 
} 

Answer 2

用途：

<TextInput editable={false} ref={component=> this._MyComponent=component}/> 

の代わり：

<Text></Text> 

次にあなたがテキストをこのように変更することができます。

onPress= {()=> { 
    this._MyComponent.setNativeProps({text:'my new text'}); 
}