title: React Native: borderBottomWidth not working
body: <pre><code>import React from 'react';
  import { View, StyleSheet, Text } from 'react-native';
  import Fonts from '../Fonts';
  import Screen from '../Screen';
  
  const styles = StyleSheet.create({
    container: {
      alignItems: "center",
      backgroundColor: "rgba(12, 22, 32, 0.88)",
      flex: 1,
      justifyContent: "center",
      borderBottomWidth: 2,
      borderBottomColor: "#47315a",
    },
    content: {
      backgroundColor: "white",
      alignItems: "center",
      height: Screen.height() - 450.0,
      width: Screen.width() - 50.0,
      padding: 10,
      borderBottomWidth: 2,
      borderBottomColor: "#47315a",
    },
    header: {
      alignItems: "center",
      paddingBottom: 10,
      justifyContent: "center",
      color: "#0B1219",
      fontFamily: Fonts.Knockout31JuniorMiddleWeight,
      fontSize: 26.0,
      borderBottomWidth: 5,
      borderBottomColor: "#47315a",
      fontWeight: '300',
    },
  });
  
  const PlaceOrder = () =&gt; {
    return (
      &lt;View style={[styles.container]}&gt;
        &lt;View style={[styles.content]}&gt;
          &lt;Text style={styles.header}&gt;
            HEADER TEXT
          &lt;/Text&gt;
          &lt;Text&gt;dzfaksjads fahksl&lt;/Text&gt;
          &lt;Text&gt;
            We'll start preparing your blah when you blah blah
          &lt;/Text&gt;
        &lt;/View&gt;
      &lt;/View&gt;
    );
  };
  
  export default PlaceOrder;
  </code></pre>
  
  <p>However, the bottomBorderWidth and bottomBorderColor aren't working.</p>
  
  <p><a href="https://i.stack.imgur.com/5HcnB.png" rel="noreferrer"><img src="https://i.stack.imgur.com/5HcnB.png" alt="enter image description here"></a></p>
  
  <p>When I change it to use <code>borderWidth</code> it works, but I only want the bottom to have a border:</p>
  
  <p><a href="https://i.stack.imgur.com/5xyCp.png" rel="noreferrer"><img src="https://i.stack.imgur.com/5xyCp.png" alt="enter image description here"></a></p>
  
  <p>package.json:</p>
  
  <pre><code>{
    "name": "Indigo",
    "version": "0.0.1",
    "private": true,
    "scripts": {
      "start": "node node_modules/react-native/local-cli/cli.js start"
    },
    "dependencies": {
      "lodash": "^4.13.1",
      "react": "^15.1.0",
      "react-native": "^0.27.1",
      "react-native-apple-pay": "0.0.0",
      "react-native-button": "^1.7.1",
      "react-native-code-push": "^1.11.0-beta",
      "react-native-loading-spinner-overlay": "^0.3.0",
      "react-native-modalbox": "^1.3.8",
      "react-native-navigation": "^1.0.2",
      "react-native-paged-scroll-view": "^2.0.1",
      "react-native-progress": "^3.0.1",
      "react-redux": "latest",
      "redux": "^3.0.0",
      "underscore": "^1.8.3"
    },
    "devDependencies": {
      "eslint": "latest",
      "eslint-config-airbnb": "latest",
      "eslint-plugin-import": "^1.16.0",
      "eslint-plugin-jsx-a11y": "latest",
      "eslint-plugin-react": "latest"
    }
  }
  </code></pre>