在我的应用程序中,登录页面是登录屏幕。我已经使用native-baseui kit完成了它。登录屏幕包含一个logo,下面将有 2 个用户名和密码输入字段以及登录按钮。问题是,每当我单击输入字段时login form,徽标下都会崩溃。我会为它分享相应的屏幕。我试过以下方法
android:windowSoftInputMode="adjustResize"在activity标记内AndroidManifest.xml。但仍然得到相同的屏幕。请看看屏幕。
我也试过。KeyboardAvoidngView以下是代码
render() {
return (
<KeyboardAvoidingView behavior="padding" style={{flex:1}}>
<Container>
<StatusBar barStyle="light-content" />
<View style={styles.logoContainer}>
<ImageBackground source={launchscreenLogo} style={styles.logo} />
</View>
<View
style={{
flex:1,
marginBottom: 200,
backgroundColor: "transparent"
}}
>
<Form style={{margin:10}}>
<Item style={{margin:10}}>
<Icon active name='person' />
<Input
placeholder='Username'
style={{marginLeft:18, color:'#000'}}
value={this.state.username}
onChangeText={username => this.setState({ username })}
/>
</Item>
<Item style={{margin:10}} >
<Icon active name='mail' />
<Input
placeholder='Email'
style={{marginLeft:18, color:'#000'}}
value={this.state.email}
onChangeText={email => this.setState({email})}/>
</Item>
<Item style={{margin:10}}>
<Icon active name='ios-lock' />
<Input
placeholder='Password' style={{marginLeft:18, color:'#000'}}
value={this.state.password}
onChangeText={password => this.setState({ password })}
/>
</Item>
<Item style={{margin:10}}>
<Icon active name='ios-lock' />
<Input
placeholder='Repeat Password'
style={{marginLeft:18, color:'#000'}}
value={this.state.r_password}
onChangeText={r_password => this.setState({ r_password })}/>
</Item>
</Form>
<Button
style={{ backgroundColor: "#809fff", alignSelf: "center", elevation:20}}
onPress={() => this.props.navigation.navigate("Anatomy")}
>
<Text style={{fontWeight:'bold',fontSize:18}}>REGISTER</Text>
</Button>
</View>
<View style={{ marginBottom: 80 }}>
</View>
</Container>
</KeyboardAvoidingView>
);
}