React native 在文本输入中设置文本
有没有办法在react native的textinput中重新设置文本值? 下面是我正在做的: 我想在textinput中设置我的power translator文本值。如何设置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
<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>
);