React Native некоторые стиль вызывает просмотр, который не отображается

Question

Привет, я новичок в React Native и пытаюсь создать приложение для Android, используя тот же самый. Если я изменяю стиль своего представления -> (backgroundColor или borrderBottom), он просто не отображает. В любом случае ошибки нет, но при перезагрузке js-пакета вид и все его дочерние объекты не отображаются. Больше, чем решение этой проблемы, меня больше интересует, почему это происходит или я что-то упускаю. Мой компонент в целом ниже

import React from 'react'; 
import { StyleSheet, View, Text, PixelRatio, TextInput } from 'react-native'; 

const styles = { 
    container: { 
    paddingTop: 70, 
    flex: 1, 
    justifyContent: 'flex-start', 
    alignItems: 'flex-start', 
    backgroundColor: '#fff', 
    }, 
    form: { 
    flex: 1, 
    flexDirection: 'column' 
    }, 
    rowContainer: { 
    //backgroundColor: '#000', 
    }, 
    row: { 
    flexDirection: 'row', 
    height: 44, 
    alignItems: 'center', 
    }, 
    inputLabel: { 
    fontSize: 15, 
    paddingLeft: 15, 
    color: '#333' 
    }, 
    textInputStyle: { 
    fontSize: 15, 
    flex: 1, 
    paddingLeft: 15 
    } 
}; 

export default function TestComponent(props) { 
    return (
    <View style={styles.container}> 
     <Text> Inside Container </Text> 
     <View style={styles.form}> 
     <Text> Inside Form </Text> 
     <View style={styles.rowContainer} > 
      <Text> Inside Row Container </Text> 
      <View style={styles.row}> 
      <Text numberOfLines={1} style={styles.inputLabel}> Bid On </Text> 
      <TextInput /> 
      </View> 
     </View> 
     </View> 
    </View> 
); 
} 

Приведенный выше код работает отлично, и все компоненты оказываются, однако, если я изменить rowContainer стиль и раскомментируйте backgroundColor, rowContainer и все его дети не визуализируются. Я не знаю, почему это происходит. Я также пробовал другие стили внутри rowContainer как

rowContainer: { 

    flex: 1, 
    flexDirection: 'column', 
    backgroundColor: '#000' 
    borderBottomWidth: 1, 
    borderColor: '#c8c7cc' 
    } 

Пока rowContainer стиль пустой, он работает, если я добавить что-нибудь в нем, вид просто не делает.

Answer 1

Цвет текста по умолчанию черный, а для rowContainers backgroundColor установлено значение «# 000». Таким образом, кажется, что он не отображается.