react-native-otpview/src/components/otp/PinViewStyle.js

autoplaced otp read otp from server and place it on ui for android and ios

import { StyleSheet, Dimensions } from 'react-native';
const mWidth = Dimensions.get('window').width;

export default StyleSheet.create({
    container: {
        width: mWidth,
        height: 100,
        flexDirection: "row",
        alignItems: "center",
        justifyContent: 'center',
    },
    pinStyle: {
        width: 50,
        height: 50,
        borderRadius: 6,
        marginHorizontal: 10,
        backgroundColor: 'darkgray',
        alignItems: "center",
        justifyContent: "center"
    },
    textStyle: {
        fontSize: 20,
        color: 'white',
        fontWeight: 'bold',
    }
});