React Native iphone 5 показать проблему - PullRequest
Новая
       10

React Native iphone 5 показать проблему

0 голосов
/ 11 октября 2018

В приведенном ниже коде я сталкиваюсь с проблемой с iphone 5, StatusBar покрывается SafeAreaview, и если я использовал строку состояния, чтобы отступить сверху, это влияет на iphone 6 и x, что делает поле от большего к большему.

 componentWillMount() {
        this.startHeaderHeight = 45
        this.marginTopHeader = 0
        if (Platform.OS == 'android') {
            this.startHeaderHeight = 30 + StatusBar.currentHeight
            this.marginTopHeader = 30 + this.marginTopHeader
        }

    }
    render() {
        var width = Dimensions.get('window').width - 128;
        var height = Dimensions.get('window').height;
        return (
            <SafeAreaView  style={{
                height: this.startHeaderHeight, flexDirection: 'row',
                borderBottomColor: '#ddd', backgroundColor: '#3A3658', marginTop: this.marginTopHeader
            }} >

                <Icon
                    lightTheme
                    style={{ marginLeft: 8, marginRight: 5, marginTop: 9, color: 'white' }} size={25} name="ios-menu" onPress={() => {
                        this.props.draw();
                    }}    />
            <View style={{position: 'absolute', right: 7}}>

                <Icon style={{ color: '#fff',marginTop:11 ,padding:0,}} size={25} name="ios-cart" onPress={() => {
                        this.props.cart();
                    }}>
                   <Text style={{color:'red', fontWeight:'bold', fontSize:10}}>{this.props.cartItemCount}</Text>

                    </Icon>

</View>
            </SafeAreaView >);}
...