调整了相关资讯的样式。review by shixiang。

@@ -35,7 +35,9 @@ export default class BrandArticleList extends Component {
 
     _renderHeader(){
         return(
+                <View style={styles.headerContainer}>
                     <Text style={styles.headerText}>相关资讯</Text>
+                </View>
             );
     }
 
@@ -43,7 +45,6 @@ export default class BrandArticleList extends Component {
 
                 return (
                     <BrandArticleCell
-                        // style={[styles.listContainer, customStyle]}
                         key={'row' + rowID}
                         rowID={rowID}
                         rowData={rowData}
@@ -74,7 +75,7 @@ export default class BrandArticleList extends Component {
                     renderSeparator={this._renderSeparator}
                     onPressArticle={this.props.onPressArticle}
                     onPressArticleLike={this.props.onPressArticleLike}
-                    //renderHeader={this._renderHeader}
+                    renderHeader={this._renderHeader}
                     />
 
             </View>
@@ -83,41 +84,42 @@ export default class BrandArticleList extends Component {
 }
 
 let {width, height} = Dimensions.get('window');
-let rowWidth = Math.ceil(137.5 * width / 320);
-let rowHeight = Math.ceil(254 * width / 320);
-let rowMarginTop = Math.ceil(10 * width / 320);
+const DEVICE_WIDTH_RATIO = width / 320;
 
 let styles = StyleSheet.create({
     container: {
         flex: 1,
-        backgroundColor: 'white',
     },
     contentContainer: {
         flexWrap: 'wrap',
     },
-    filterContainer: {
 
-    },
-    listContainer: {
-        width: width / 2,
-    },
     separator: {
         width,
         height: 20,
         backgroundColor: '#e0e0e0',
     },
 
-    headerText:{
-        width,
-        marginLeft: 29,
-        marginRight: 29,
+    headerContainer:{
+        height: 36 * DEVICE_WIDTH_RATIO,
+        marginLeft: 30 * DEVICE_WIDTH_RATIO,
+        marginRight: 30 * DEVICE_WIDTH_RATIO,
+        justifyContent: 'center',
+        alignItems: 'center',
         borderColor: '#e0e0e0',
+        borderTopWidth: 0.5,
+        borderLeftWidth: 0.5,
+        borderRightWidth: 0.5,
         borderBottomWidth: 0,
-        lineHeight: 36,
-        fontSize: 30,
+        backgroundColor: "#ffffff",
+    },
+    headerText:{
+        // width: 'wrap',
+        // height: 'wrap',
+        lineHeight: 18,
+        fontSize: 16,
         color: '#b0b0b0',
-        alignItems: 'center',
         justifyContent: 'center',
-        backgroundColor: "#ffffff",
+        alignItems: 'center',
     },
 });