React native 在文本输入中设置文本

React native 在文本输入中设置文本,react-native,React Native,有没有办法在react native的textinput中重新设置文本值? 下面是我正在做的: 我想在textinput中设置我的power translator文本值。如何设置 <TextInput style={{color:'black',width:width-60, borderColor: 'black'}} placeholder="Ask your Question ?" underlineColorAndroi

有没有办法在react native的textinput中重新设置文本值? 下面是我正在做的: 我想在textinput中设置我的power translator文本值。如何设置

   <TextInput 
         style={{color:'black',width:width-60, borderColor: 'black'}}
         placeholder="Ask your Question ?"
         underlineColorAndroid='black'
         autoCapitalize="words"
         placeholderTextColor="black"
         keyboardType = "default"
         error = {this.state.errpwd}
         onBlur={() => this.setState({errpwd:""})}
         onChangeText={ (questionText) => this.setState({input: questionText}) }/>      

          <View style={styles.section}>
                <PowerTranslator style={styles.p} text={'user input: ' + this.state.input} />
            </View>
this.setState({errpwd:})
onChangeText={(questionText)=>this.setState({input:questionText})}/>

在文本输入中添加属性值

value={this.state.input}

将prop的值添加到TextInput

value={this.state.input}

从“React”导入React,{Component}; 进口{ 文本, 观点

}从“反应本机”

导出默认类应用程序扩展组件{ 建造师(道具){ 超级(道具)

}

render(){

返回(
this.setState({txt})}
值={this.state.txt}
样式={{宽度:“90%”,标高:10,高度:“16%”,背景颜色:“白色”,alignSelf:“中心”,borderBottomRightRadius:10,边距:4}>
);
}
}

从“React”导入React,{Component}; 进口{ 文本, 观点

}从“反应本机”

导出默认类应用程序扩展组件{ 建造师(道具){ 超级(道具)

}

render(){

返回(
this.setState({txt})}
值={this.state.txt}
样式={{宽度:“90%”,标高:10,高度:“16%”,背景颜色:“白色”,alignSelf:“中心”,borderBottomRightRadius:10,边距:4}>
);
} }建造师(道具){

}

点击=()=>{

}建造师(道具){

}

点击=()=>{


}

您能否更具体地说明您希望实现的目标?我使用的是google translate API,为此我使用的是npm power translator。基本上,我的目标是,当用户在textinput上输入一些输入时,它会自动翻译,所以对于我来说,我会使用power translator翻译我的输入,但现在我想将我的翻译文本设置为textinput。你想让power translator的响应反映在你的文本输入中吗?这是一个棘手的任务。您需要在每个空格后的文本输入中拆分您的值,选择从拆分中获得的数组中的最后一项,将其发送到转换器服务器,等待响应,将响应设置为替换旧项的数组的最后一项,并将该值分配给文本输入。这是一个模糊的回答,我知道,但一个方向。你需要使用javascript方法和操作符,如split、spread等来实现这一点。你能更具体地说明你想要实现什么吗?我使用google translate API,为此我使用npm power translator。基本上,我的目标是,当用户在textinput上输入一些输入时,它会自动翻译,所以对于我来说,我会使用power translator翻译我的输入,但现在我想将我的翻译文本设置为textinput。你想让power translator的响应反映在你的文本输入中吗?这是一个棘手的任务。您需要在每个空格后的文本输入中拆分您的值,选择从拆分中获得的数组中的最后一项,将其发送到转换器服务器,等待响应,将响应设置为替换旧项的数组的最后一项,并将该值分配给文本输入。这是一个模糊的回答,我知道,但一个方向。你需要使用javascript方法和操作符,比如split、spread等来实现这一点。好吧,兄弟,我发布了第二个示例,请检查,我希望你理解。兄弟,我发布了第二个示例,请检查,我希望你理解
return (
  <View>
    <TextInput
     controlled={true}
      onChangeText={(txt) => this.setState({ txt })}
      value={this.state.txt}
      style={{ width: '90%', elevation: 10, height: '16%', backgroundColor: 'white', alignSelf: 'center', borderBottomRightRadius: 10, margin: 4 }}></TextInput>
  </View>
);
super(props)

this.state = {

  txt: 'ENter Number',    //write here your Text 

  Array: []
}
var bB= this.state.Array       //object of Array            

for (i = 1; i <= this.state.txt; ++i) { 

  this.setState({i:Array})  // push value in array how much User Enter
return (

  <View style={{ flex: 1 }}>

    <TextInput

      controlled={true}
      onChangeText={(txt) => this.setState({ txt })}
      value={this.state.txt}>

    <TouchableOpacity
      onPress={this.click}>

      <Text style={{ color: 'white' }} >Add</Text>

    </TouchableOpacity>

     <FlatList

         ref={ref => this.scrollView = ref}
        refreshing={this.state.refreshing}
        onRefresh={this.onRefresh}
        data={this.state.Array}
        extraData={this.state}
        keyExtractor={this._keyExtractor}
        renderItem={({ item }) =>

        <TouchableOpacity>

            <Text style={{ color: 'white' }} >{item}</Text>

            </TouchableOpacity>
        }
      />
  </View>
);