パディングなしでViewに背景色を適用するにはどうすればいいですか？

Question

私は既にbackgroundColorを試しましたが、成功しませんでした。

私は以下のコードを持っていて、メインの親ビューに背景色を適用したいが、どんなパディングも指定したくない、これを達成する方法は？

<View style={{flex:1,alignItems:'center'}}> 
    <Text> 
     No new Transactions 
    </Text> 
    <View style={{backgroundColor:'#fc004f',paddingTop:44,paddingBottom:40,top:56,borderRadius:8,width:window.width-20,borderWidth:2,borderColor:'#dddddd'}}> 
     <Text style={{position:'absolute',fontSize:16,top:14,paddingLeft:16,color:'white',fontWeight:'bold'}}>Big Bazaar</Text> 
     <Text style={{position:'absolute',fontSize:14,top:48,paddingLeft:16,color:'white',fontWeight:'bold'}}>View Receipt</Text> 
    </View> 
    <View style={{flex:1,backgroundColor:'#401f80',padding:44,top:56,borderRadius:8,width:window.width-20,borderWidth:2,borderColor:'#dddddd',marginTop:10}}> 
     <Text style={{position:'absolute',fontSize:16,top:14,paddingLeft:16,color:'white',fontWeight:'bold'}}>Zomato Inc</Text> 
     <Text style={{position:'absolute',fontSize:14,top:48,paddingLeft:16,color:'white',fontWeight:'bold'}}>View Receipt</Text> 
    </View> 
    <View style={{flex:1,backgroundColor:'#fc004f',padding:44,top:56,borderRadius:8,width:window.width-20,borderWidth:2,borderColor:'#dddddd',marginTop:10}}> 
     <Text style={{position:'absolute',fontSize:16,top:14,paddingLeft:16,color:'white',fontWeight:'bold'}}>OLA Inc</Text> 
     <Text style={{position:'absolute',fontSize:14,top:48,paddingLeft:16,color:'white',fontWeight:'bold'}}>View Receipt</Text> 
    </View> 
    </View> 

Answer 1

子ビューからflex：1を削除し、親ビューにbackgroundColorを追加します。お役に立てれば！