From 1d4c675c2b24ed80bc92ecb9e0b7456270cc19b4 Mon Sep 17 00:00:00 2001
From: Jong Eun Lee <yomybaby@yomybaby.com>
Date: Sat, 11 Nov 2017 11:55:30 +0800
Subject: [PATCH] If group has no item, remove group border.

---
 index.js | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/index.js b/index.js
index 00e7242..f15ae56 100644
--- a/index.js
+++ b/index.js
@@ -84,11 +84,15 @@ class SettingsList extends React.Component {
       return (
         <View key={'group_' + index}>
           <Text style={[{margin:5},group.header.headerStyle]} numberOfLines={group.header.headerNumberOfLines} ellipsizeMode="tail" ref={group.header.headerRef}>{group.header.headerText}</Text>
-          <View style={{borderTopWidth:1, borderBottomWidth:1, borderColor: this.props.borderColor}}>
-            {group.items.map((item, index) => {
-              return this._itemView(item,index, group.items.length);
-            })}
-          </View>
+          {
+            group.items.length ? (
+              <View style={{borderTopWidth:1, borderBottomWidth:1, borderColor: this.props.borderColor}}>
+                {group.items.map((item, index) => {
+                  return this._itemView(item,index, group.items.length);
+                })}
+              </View>
+            ) : null
+          }
         </View>
       )
     } else {