如何在textInput中设置值native native

时间:2018-02-17 09:27:12

标签: react-native

我有一个文字输入,其中我打算输入一些名字,而用户输入的名字会被翻译并返回到设置文字输入字段我该怎么做

 <TextInput 
      style={{color:'black',width:width-60, borderColor: 'black'}}
      underlineColorAndroid='black'
      placeholderTextColor="black"
      onChangeText={ (textValue) => this.setState({
        input: textValue}) }
      />
// TRANSLATED TEXT
      <PowerTranslator
      text={this.state.input} />

1 个答案:

答案 0 :(得分:0)

TextInput的道具名为&#34; value&#34;。 要将数据设置为文本输入,您应将&#34; value&#34; 设置为州值。

<TextInput
  value={this.props.input} 
/>

https://facebook.github.io/react-native/docs/textinput.html#value

在您的代码中,电源转换器视图组件仅用于显示文本。 如果您查看此组件页面,则应将其用作获取翻译文本的服务。

Translation.get('Engineering physics or engineering science').then(translated => {
//Do something with the translated text  });