bug: style order

miyasan31 · Apr 20, 2024 · dfe5f91 · dfe5f91
1 parent 72ab571
commit dfe5f91
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/ui/elements/HStack.tsx b/src/ui/elements/HStack.tsx
@@ -18,13 +18,13 @@ const HStackComponent = (props: HStackProps, ref: ForwardedRef<NativeView>) => {
     <Box
       ref={ref}
       style={[
-        style,
         defaultStyle.view,
         {
           columnGap: gap,
           alignItems: align,
           justifyContent: justify,
         },
+        style,
       ]}
       {...otherProps}
     />

diff --git a/src/ui/elements/VStack.tsx b/src/ui/elements/VStack.tsx
@@ -18,13 +18,13 @@ const VStackComponent = (props: VStackProps, ref: ForwardedRef<NativeView>) => {
     <Box
       ref={ref}
       style={[
-        style,
         defaultStyle.view,
         {
           rowGap: gap,
           alignItems: align,
           justifyContent: justify,
         },
+        style,
       ]}
       {...otherProps}
     />

diff --git a/src/ui/primitives/SafeAreaView.tsx b/src/ui/primitives/SafeAreaView.tsx
@@ -25,7 +25,7 @@ const SafeAreaViewComponent = (props: SafeAreaViewProps) => {
 
   return (
     <NativeSafeAreaView
-      style={[defaultStyle.view, centerStyle, style, { backgroundColor }]}
+      style={[defaultStyle.view, style, centerStyle, { backgroundColor }]}
       {...otherProps}
     />
   );