react-native-boxes 1.4.40 → 1.4.42

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/src/Bar.tsx +9 -4
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-native-boxes",
3
- "version": "1.4.40",
3
+ "version": "1.4.42",
4
4
  "description": "A react native library for rapid development of UI using boxes",
5
5
  "main": "src/index.js",
6
6
  "scripts": {
package/src/Bar.tsx CHANGED
@@ -164,7 +164,13 @@ export function BottomNavBar(props: ViewProps &
164
164
  return (
165
165
  <PressableView
166
166
  style={{
167
- paddingTop: theme.dimens.space.sm
167
+ flex: 1,
168
+ justifyContent: 'center',
169
+ alignItems: 'center',
170
+ margin: 0,
171
+ padding: theme.dimens.space.md,
172
+ paddingTop: !hasText ? theme.dimens.space.lg : theme.dimens.space.md,
173
+ paddingBottom: !hasText ? theme.dimens.space.lg : theme.dimens.space.md,
168
174
  }}
169
175
  key={op.id}
170
176
  onPress={() => {
@@ -193,10 +199,9 @@ export function BottomNavBar(props: ViewProps &
193
199
  }}
194
200
  {...props}
195
201
  style={[{
202
+ flex: 1,
203
+ margin: 0,
196
204
  marginBottom: theme?.insets?.bottom || 0,
197
- padding: theme.dimens.space.md,
198
- paddingTop: !hasText ? theme.dimens.space.lg : theme.dimens.space.md,
199
- paddingBottom: !hasText ? theme.dimens.space.lg : theme.dimens.space.md,
200
205
  backgroundColor: theme.colors.forground,
201
206
  zIndex: 100,
202
207
  width: '100%',