be-components 2.8.2 → 3.0.0

package/src/Components/Button.tsx

@@ -35,29 +35,29 @@ const Button = ({ title, style, title_weight, disabled, loading, title_size, pad
     }
 
     return (
-        <TouchableOpacity 
-            disabled={disabled}
-            style={{ ...getBorderRadiusOverride(), flexDirection:'row', alignItems:'center', padding:padding??8, backgroundColor:backgroundColor??Colors.shades.white, borderWidth:borderWidth??0, borderColor:borderColor??'transparent', ...input_style }} onPress={(ev) => onPress(ev)}>
-            {avatar_url ?
-            <Image 
-                source={{ uri: avatar_url }} 
-                style={{ height:28, width:28, borderRadius:100, marginRight:12 }} 
-                resizeMode='cover'
-            />
-            :<></>}
-            
-            {title ?
-            <View style={{ flex:1, marginLeft:5, marginRight:5 }}>
-                <Text size={title_size??14} weight={title_weight ?? 'bold'} textAlign="center" color={title_color??Colors.brand.midnight}>{title}</Text>
-                {loading ?
-                <View style={{ position:'absolute', top:0, bottom:0, left:0, right:0 }}>
-                    <ActivityIndicator style={{ alignSelf:'center' }} size='small' color={title_color??Colors.brand.midnight} />
+
+            <TouchableOpacity 
+                disabled={disabled}
+                style={{ ...getBorderRadiusOverride(), flex:1, flexDirection:'row', alignItems:'center', padding:padding??8, backgroundColor:backgroundColor??Colors.shades.white, borderWidth:borderWidth??0, borderColor:borderColor??'transparent', ...input_style }} onPress={(ev) => onPress(ev)}>
+                {avatar_url ?
+                <Image 
+                    source={{ uri: avatar_url }} 
+                    style={{ height:28, width:28, borderRadius:100, marginRight:12 }} 
+                    resizeMode='cover'
+                />
+                :<></>}
+                {title ?
+                <View style={{ marginLeft:5, marginRight:5, flexGrow:1}}>
+                    <Text size={title_size??14} weight={title_weight ?? 'bold'} textAlign="center" color={title_color??Colors.brand.midnight}>{title}</Text>
+                    {loading ?
+                    <View style={{ position:'absolute', top:0, bottom:0, left:0, right:0 }}>
+                        <ActivityIndicator style={{ alignSelf:'center' }} size='small' color={title_color??Colors.brand.midnight} />
+                    </View>
+                    :<></>}
                 </View>
                 :<></>}
-            </View>
-            :<></>}
+            </TouchableOpacity>
 
-        </TouchableOpacity>
     )
 }