react-native-boxes 1.4.40 → 1.4.41

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 +10 -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.41",
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,14 @@ export function BottomNavBar(props: ViewProps &
164
164
  return (
165
165
  <PressableView
166
166
  style={{
167
- paddingTop: theme.dimens.space.sm
167
+ flex: 1,
168
+ backgroundColor: 'red',
169
+ justifyContent: 'center',
170
+ alignItems: 'center',
171
+ margin: 0,
172
+ padding: theme.dimens.space.md,
173
+ paddingTop: !hasText ? theme.dimens.space.lg : theme.dimens.space.md,
174
+ paddingBottom: !hasText ? theme.dimens.space.lg : theme.dimens.space.md,
168
175
  }}
169
176
  key={op.id}
170
177
  onPress={() => {
@@ -193,10 +200,9 @@ export function BottomNavBar(props: ViewProps &
193
200
  }}
194
201
  {...props}
195
202
  style={[{
203
+ flex: 1,
204
+ margin: 0,
196
205
  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
206
  backgroundColor: theme.colors.forground,
201
207
  zIndex: 100,
202
208
  width: '100%',