How to use the react-native-size-matters.verticalScale function in react-native-size-matters

To help you get started, we’ve selected a few react-native-size-matters examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github nirsky / react-native-size-matters / examples / BlogPost / pages / ScalingExample.js View on Github external
;

const styles = StyleSheet.create({
    container: {
        width: width,
        height: height,
        backgroundColor: '#E0E0E0',
        alignItems: 'center',
        justifyContent: 'center',
    },
    box: {
        width: moderateScale(300),
        height: verticalScale(450),
        padding: scale(10),
        backgroundColor: 'white',
        borderRadius: 10,
        shadowColor: 'black',
        shadowOpacity: 0.5,
        shadowRadius: 3,
        shadowOffset: {
            height: 0,
            width: 0
        },
        elevation: 2
    },
    title: {
        fontSize: moderateScale(20, 0.4),
        fontWeight: 'bold',
        marginBottom: scale(10),

react-native-size-matters

A React-Native utility belt for scaling the size your apps UI across different sized devices

MIT
Latest version published 1 year ago

Package Health Score

62 / 100
Full package analysis