如何从java中获取和设置react-native中的文本

时间:2018-01-16 08:04:34

标签: java android react-native-android

我有几个关于本地反应的问题。我正在开发一个计算器。在计算器中有2个文本视图,负责输入输入行(输入来自按钮)和显示结果。我需要按“=”按钮将输入行传输到android-module,解析此字符串并将结果返回到text-view,结果显示在result-view中。我怎么能这样做?

我读到我需要创建一个本机模块,但不明白如何从js中获取文本。而且我仍然理解,我需要一个回调来在结果的视图中设置文本。

我的代码:

      <View style={{backgroundColor:'#282828',height:50}}> 
        <View style={{flex:1,justifyContent:'center'}}>
            <Text style={[styles.resultText,{fontSize:(30-(this.state.result.toString().length))}]}> 
              {this.state.result}
            </Text> //It's a result text-view
        </View>
      </View>
      <View style={{flex:1,flexDirection:'column',justifyContent:'flex-end'}}>
        <View style={{flex:1,backgroundColor:'#494949'}}>
          <View style={{flex:1,alignItems:'center',flexDirection:'row'}}>
              <Text style={styles.formulaText}>
                {this.state.formula}
              </Text> //It's a input text-view
          </View>
        </View>//Below is another code
<Button  style={styles.equalButton} titleStyle = {styles.titleOperationStyle} onPress={this.onPressSubmitResult} title="="/>//Equals button

提前谢谢你。 附:抱歉我的英文。

1 个答案:

答案 0 :(得分:0)

你不必从Native调用getText setText。您想要的所有内容都可以通过React-Native完成。 Js文件中的代码,在那里进行计算,更新状态并在Text中显示结果!