带有Flexbox和ReactNative的容器外文本

使用react native和flexbox，我不明白为什么文本在容器之外（橙色bakcground）？

    
        
            
                Âge
            
            
                18
            
        
        
            
                Médias publics
            
            
                2
            
        
    


const styles = StyleSheet.create({
    infos_container: {
        backgroundColor: 'orange',
        flex: 1,
        flexDirection: 'row',
        flexWrap: 'wrap',
        padding: 5,
    },
    info_item: {
        margin: 5,
        alignItems: 'center',
    },
    info_name: {
        color: '#6c757d',
        fontSize: 11,
    },
    info_value: {
        color: '#343a40',
    },
})

我只希望块styles.info_item是水平的橙色背景

flex: 1从infos_container设置flex: 0中删除main_container不应影响样式infos_container

infos_container: {
   backgroundColor: 'orange',
   flexDirection: 'row',
   flexWrap: 'wrap',
   padding: 5,
},