Applying styles to children

ChildStyler.js

import React, {
  StyleSheet,
} from 'react-native';

export default class ChildStyler extends React.Component {
  render() {
    return (
      <View {...this.props}>
        {React.Children.map(this.props.children, child => React.cloneElement(child, {
          style: [child.props.style, styles.customChildStyle],
        }))}
      </View>
    );
  }
}

let styles = StyleSheet.create({
  customChildStyle: {
    background: 'blue',
  },
});

Thanks, @ide!