Hi,
I am trying to set a background color for my app (in this case black) but when I have a form in the screen this always has a white column ( I have attached an image)
The code that I have is the next:
render() {
return (
<Container style={{backgroundColor: 'black'}}>
<Header />
<Content style={{backgroundColor: 'black'}}>
<Form>
<Item>
<Input placeholder="Email" onChangeText={ email => this.setState({ email }) }/>
</Item>
<Item>
<Input placeholder="ContraseƱa" secureTextEntry={ true } onChangeText={ password => this.setState({ password }) }/>
</Item>
</Form>
<Button title="Ingresar" onPress={ this.handleLogin } style={{marginButtom: 40}}/>
<TouchableHighlight onPress={ this.handleFacebookLogin } style={Styles.facebookButton}>
<View style={Styles.facebookButtonView} >
<Icon name="logo-facebook" size={30} color="white" style={{marginRight: 5,}}/>
<Text style={Styles.facebookButtonText}>INGRESA CON FACEBOOK</Text>
</View>
</TouchableHighlight>
</Content>
</Container>
);
}
I have tried some steps like set the background for each for item but still with the same behavior.
Thanks in advance.