Реквизит (стиль) детям не передается

Question

У меня есть этот компонент

И я пытаюсь применить фон:

Кто-нибудь знает, почему не появляется фон?

Answer 1

Измените BorderLayout на формат ниже.

 return (
    <View style={[styles.parent,props.style]}>
       /* remaining code */
    </View>
)

Вам не нужно использовать flatten, поскольку View принимает в качестве входных данных массив стилей. Следуя подходу, стили по умолчанию BorderLayout могут быть переопределены с помощью свойства style.

Внесены изменения: props.style перемещен в конец массива, чтобы он заменял стили по умолчанию (в вашем случае backgroundColor).

Answer 2

В вашем BorderLayout,

return(
  <View style={props.style}>
    //rest implementation
  </View>
)

Убедитесь, что вы удалили props.style из StyleSheet.flatten(...)