onChange(event) {
console.log(event.nativeEvent);
var height = 0;
if (event.nativeEvent.contentSize.height > 40) {//此处是判断 是否大于我设置的input默认高度,如果大于则使用input的内容高度
height = event.nativeEvent.contentSize.height;//内容高度
} else {
height = this.state.height;
}
this.setState({
commentVal:event.nativeEvent.text,
height:height
})
}
onContentSizeChange(params){
console.log(params);
}
comment(){
return(
<View style={{flexDirection:'row',backgroundColor:'red',position:'absolute',bottom:0,
alignItems:'center',justifyContent:'center',padding:5}}>
<View style={{flex:1,borderRadius:5,marginRight:5}}>
<TextInput
ref='comment'
style={{backgroundColor:'white',borderRadius:5,height:this.state.height,maxHeight:85}}
placeholder = "写评论...(最多两百字符)"
multiline = {true}
underlineColorAndroid={'transparent'}
maxLength={200}
// onChangeText={(text) => this.setState({commentVal:text})}
onChange = {this.onChange.bind(this)}
value={this.state.commentVal}
/>
</View>
<View>
<Button style={{width:80,height:40,backgroundColor:'white', borderRadius:5,paddingTop:8,color:'#707070' }}
onPress={this.handleOKClose.bind(this)} >发送</Button>
</View>
</View>
)
console.log(event.nativeEvent);
var height = 0;
if (event.nativeEvent.contentSize.height > 40) {//此处是判断 是否大于我设置的input默认高度,如果大于则使用input的内容高度
height = event.nativeEvent.contentSize.height;//内容高度
} else {
height = this.state.height;
}
this.setState({
commentVal:event.nativeEvent.text,
height:height
})
}
onContentSizeChange(params){
console.log(params);
}
comment(){
return(
<View style={{flexDirection:'row',backgroundColor:'red',position:'absolute',bottom:0,
alignItems:'center',justifyContent:'center',padding:5}}>
<View style={{flex:1,borderRadius:5,marginRight:5}}>
<TextInput
ref='comment'
style={{backgroundColor:'white',borderRadius:5,height:this.state.height,maxHeight:85}}
placeholder = "写评论...(最多两百字符)"
multiline = {true}
underlineColorAndroid={'transparent'}
maxLength={200}
// onChangeText={(text) => this.setState({commentVal:text})}
onChange = {this.onChange.bind(this)}
value={this.state.commentVal}
/>
</View>
<View>
<Button style={{width:80,height:40,backgroundColor:'white', borderRadius:5,paddingTop:8,color:'#707070' }}
onPress={this.handleOKClose.bind(this)} >发送</Button>
</View>
</View>
)
}
java 技术交流群:317628801