title: border radius in react native not working
body: <p>I made an app in react native expo. So I applied border radius to one of the <code>&lt;View&gt;</code> in it. So my problem is most of the phones shows the border radius in app But some phones are showing it rectangular <code>&lt;View&gt;</code> as it is, they are not showing border radius to them. Why?</p>
  <p>my Code:</p>
  <pre><code>import { StyleSheet, Text, View, ScrollView, TouchableOpacity ,Image, Dimensions} from 'react-native';
  import ButtonsCom from '../../components/buttonsCom';
  import NavBar2 from '../../components/navBar2';
  
  
  const animals3=function ({navigation}){
  
      
      return &lt;View &gt;   
  
                   &lt;NavBar2 /&gt;
  
                  &lt;View style={style.styleView456}&gt;
                          &lt;TouchableOpacity style={{}} activeOpacity={0.8}  onPress={()=&gt;{}}&gt; 
                                      &lt;View  style={style.styleView}&gt;
                                          
                                          &lt;View style={style.styleView888}&gt;
                                              &lt;View style={style.styleView8882}&gt;
                                                  &lt;Image style={style.imageVio888} source={require('../../../assets/animals/elephant.png')}/&gt;
                                                  &lt;Text style={{marginTop:100, marginHorizontal:10 , fontSize:20, fontWeight:&quot;bold&quot;}}&gt;ELEPHANT&lt;/Text&gt;
                                              &lt;/View&gt;
  
                                      
                                          &lt;/View&gt;
                                      &lt;/View&gt;     
                          &lt;/TouchableOpacity&gt;
  
                          
  
                          &lt;View style={style.styleView}&gt;
                              &lt;ButtonsCom/&gt;                        &lt;/View&gt;
                  &lt;/View&gt;
      &lt;/View&gt; 
  
  }
  let ScreenHeight = Dimensions.get(&quot;window&quot;).height-90;
  const style=StyleSheet.create({
      styleView456:{
          height:ScreenHeight,
          justifyContent:&quot;space-around&quot;
      },
      styleView:{
          flexDirection:&quot;row&quot;,
          justifyContent:&quot;space-around&quot;,
          paddingTop:20
      },
      styleView888:{
          borderColor:&quot;#F5F6FA&quot;,
          width:300,
          height:500,
          borderRadius:20,
          alignItems:&quot;center&quot;,
          shadowColor:'black',
          shadowOffset:{ width: 0, height: 3 }, 
          shadowRadius:6,
          elevation:5
          
      },
      imageVio888:{
          
          width:270,
          height:200,
          marginTop:60
      },
      styleView8882:{
          alignItems:&quot;center&quot;
      }
   });
   
   
   export default animals3;
  </code></pre>
  <p>So, I have applied border radius to <strong>style=style.styleView888</strong></p>