I have just started learning React Native and wanted to add styleSheet it seems doesn't work, I'm trying to solve an issue but I'm still stuck please can someone help me to solve this issue. by the way I am using react native.

Console log

Browser result:

here is my code below :

 const styles = StyleSheet.create({
      container: {
        flex: 1,
        marginTop: 100,
        paddingTop: 20,
        paddingBottom: 30,
        justifyContent: 'center',
        alignItems: 'center',
        
      },
      tinyPic: {
        width: 90,
        height: 90,
        top: -10
      },
    
      gauge: {
        position: 'absolute',
        width: 140,
        height: 140,
        alignItems: 'center',
        justifyContent: 'center',
      },
      
      label1: {
        position: 'absolute',
        top:15,
        right: '115%',
        padding: 4

      },
      label2: {
        position: 'absolute',
        top:15,
        left: '115%',
        padding: 4

      },
      label3: {
        position: 'absolute',
        top: 145,
        left: '95%',
        padding: 4

      }
   
    });