merhaba, ben full stack web dev'dim fakat full stack'e çevirmek için react native öğrendim. sadece responsive konusunda problemlerim var.

mesela aşağıda responsive yapabilmek,her ekranda aynı şekikde gösterebilmek için ne yapabilirim ? çok teşekkürler şimdiden

const styles = StyleSheet.create({
    container: {
        flex: 1,
        alignItems: "center",
        flexDirection: "column",
        justifyContent: "space-evenly",
    },
    headerContainer:
    {
        alignItems: "center"
    },
    image: {
        margin: 50,
        height: 200,
        width: 200,
    },
    mainText: {
        color: "#FEFEFE",
        fontSize: 17,
        fontWeight: "bold"
    },
    buttonContainer: {
        alignItems: "center"
    },
    button: {
        borderRadius: 50,
        height: 60,
        width: 300,
        backgroundColor: "#6949FD"
    },
    buttonText: {
        color: "#FEFEFE",
        padding: 20,
        textAlign: "center",
        fontSize: 18,
        fontWeight: "bold"
    },
    icon: {
        marginRight: 10, // Add margin to separate the icon from the image
    },
    iconContainer: {
        marginRight: 330, // Add margin to separate the icon from the image
        flexDirection: "row"
    },
    iconText: {
        color: "#fefefe",
        marginTop: 5,
        fontSize: 15,
        fontWeight: "bold"
    }
})