react-native-boxes 1.4.68 → 1.4.70

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-boxes",
-  "version": "1.4.68",
+  "version": "1.4.70",
   "description": "A react native library for rapid development of UI using boxes",
   "main": "src/index.js",
   "scripts": {

package/src/Bar.tsx

@@ -202,16 +202,17 @@ export function BottomNavBar(props: ViewProps &
             }}
             {...props}
             style={[{
+                width: isDesktop() ? '50%' : '100%',
+                position: 'absolute',
+                bottom: 0,
+                left: isDesktop() ? '25%' : 0,
+                right: isDesktop() ? '25%' : 0,
                 flex: 1,
                 margin: 0,
                 marginBottom: theme?.insets?.bottom || 0,
                 backgroundColor: theme.colors.forground,
                 zIndex: 100,
-                width: '100%',
                 justifyContent: 'space-around',
-                left: 0,
-                bottom: 0,
-                position: 'absolute'
             }, props.style]}
         >
             {

package/src/Button.tsx

@@ -323,7 +323,7 @@ export function PressableView(props: PressableProps) {
     return (<Pressable {...props} style={({ pressed }) => [{ opacity: pressed ? 0.7 : 1.0 }, props.style]} />)
 }
 
-export function SwitchView(props: SwitchProps & { text?: string, orientation?: "row" | "column" | "row-reverse" | "column-reverse" | undefined }) {
+export function SwitchView(props: SwitchProps & { text?: string, orientation?: "row" | "column" | "row-reverse" | "column-reverse" | undefined, textStyle?: TextStyle }) {
     const theme = useContext(ThemeContext)
     return (
         <HBox style={[{
@@ -346,9 +346,7 @@ export function SwitchView(props: SwitchProps & { text?: string, orientation?: "
             />
             {
                 props.text && (
-                    <TextView style={{
-                        paddingStart: theme.dimens.space.md
-                    }}>{props.text}</TextView>
+                    <TextView style={props.textStyle}>{props.text}</TextView>
                 )
             }
         </HBox>