成都創(chuàng)新互聯"三網合一"的企業(yè)建站思路。企業(yè)可建設擁有電腦版、微信版、手機版的企業(yè)網站。實現跨屏營銷，產品發(fā)布一步更新，電腦網絡+移動網絡一網打盡，滿足企業(yè)的營銷需求！成都創(chuàng)新互聯具備承接各種類型的成都做網站、成都網站建設項目的能力。經過十余年的努力的開拓，為不同行業(yè)的企事業(yè)單位提供了優(yōu)質的服務，并獲得了客戶的一致好評。
這是效果：
代碼：
重慶分公司
重慶分公司
import React, {Component} from 'react';
import { View, Text, Button, StyleSheet, TextInput, ScrollView, KeyboardAvoidingView, Dimensions } from 'react-native';
import { StackActions, NavigationActions, withNavigation } from 'react-navigation';
const {width, height} = Dimensions.get('window');
class ChangePassword extends Component {
static navigationOptions = {
headerStyle: {
elevation: 0, //去除安卓手機header的樣式
},
};
constructor(props) {
super(props);
this.state = {
isTrue: false,
text: '',
text1: '',
};
}
onChangeText = (text1) => {
this.setState({
text1
},()=> {
if (this.state.text1.length >= 8) {
this.setState({
isTrue: true
})
} else if (this.state.text1.length < 8) {
this.setState({
isTrue: false
})
}
})
}
render() {
return (
修改密碼
密碼為8-16位，須包含數字、字母2中元素
this.setState({text})}
/>
{
alert('你點擊了確認，該跳轉了！~')
// this.props.navigation.navigate('ChangePassword')
}}>確認 : 確認
}
);
}
}
const styles = StyleSheet.create({
container: {
height: height,
padding: 16,
},
title: {
color: '#4a4a4a',
fontSize: 23,
fontFamily: 'PingFangSC-Semibold',
},
totst: {
color: '#999999',
fontFamily: 'PingFang-SC-Medium',
fontSize: 13,
marginTop: 16,
},
Line: {
height: 1,
backgroundColor: '#d8d8d8',
},
textinput: {
marginTop: 50,
color: '#4a4a4a',
fontSize: 18,
},
errorconfirm: {
marginTop: 44,
height: 44,
lineHeight: 44,
textAlign: 'center',
fontSize: 16,
color: '#ffffff',
backgroundColor: '#25A3FF',
borderRadius: 4,
},
confirm: {
marginTop: 44,
height: 44,
lineHeight: 44,
textAlign: 'center',
fontSize: 16,
color: '#ffffff',
backgroundColor: '#cccccc',
borderRadius: 4,
}
})
export default withNavigation(ChangePassword);有無用的代碼，可自行刪除，我不會弄gif的圖 ，要不就配一個圖了。
總結
以上所述是小編給大家介紹的解決react-native軟鍵盤彈出擋住輸入框的問題,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對創(chuàng)新互聯網站的支持！
如果你覺得本文對你有幫助，歡迎轉載，煩請注明出處，謝謝！
