default to nowrap

Author: rundmt

CHANGELOG.md

@@ -0,0 +1,7 @@
+## 0.2.0 (March 21, 2016)
+
+### React
+- Row now defaults `flexWrap` to `wrap`. If you want `nowrap` you must specify no wrap in props.
+```
+  <Row nowrap>
+```

README.md

@@ -47,15 +47,23 @@ The api is inspired by
 
 The main difference is you can specify the grid size. By default `<Row>` is a size of 12. However if you want you can make a `<Row>` any size you want.
 
+#### Changes for 0.2.0
 
+As of 0.2.0 Row will automatically wrap components. If you do not want components to automatically wrap you must specify `nowrap` in the row's prop.
 
-# What's working
+```
+  <Row size={12} nowrap>
+```
+
+
+
+### What's working
 * Basic Grid
 * Styles
 * Hiding Items
 * Basic Unit Testing
 
-# To Do
+### To Do
 * Jest Testing. (Possibly New Examples Repo)
 * More Examples
 * More Documentation

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-flexbox-grid",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Grid system for react native based on flexbox grid's api",
   "main": "src/index.js",
   "scripts": {

src/components/Row.js

@@ -43,7 +43,7 @@ export default class Row extends Component {
           onLayout={this._getWidth.bind(this)}
           style={[this.props.style,
                   { flexDirection: 'row',
-                    flexWrap: this.props.wrap ? 'wrap' : 'nowrap',
+                    flexWrap: this.props.nowrap ? 'nowrap' : 'wrap',
                     alignItems: this.props.alignItems,
                     justifyContent: this.props.justifyContent}]}>
             {this._cloneElements()}