fix: withChild

ExodusMovement · Oct 18, 2024 · fc11393 · fc11393
1 parent b83ca62
commit fc11393
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/index.ts b/src/index.ts
@@ -27,7 +27,7 @@ export type StyledComponent<P extends object, S extends object> = React.ForwardR
   extend: <SP extends object>(more: ComponentStyle<P, SP, S>) => StyledComponent<P & SP, S>;
   attrs: (attrs: any) => StyledComponent<P, S>;
   withComponent: (comp: React.ComponentType<any>) => StyledComponent<P, S>;
-  withChild: (child: React.ComponentType<any>, childProps: any) => StyledComponent<P, S>;
+  withChild: (child: React.ComponentType<any>, childProps?: any) => StyledComponent<P, S>;
 };
 
 type ComponentFactory<P extends object, S extends object> = <SP extends object>(

diff --git a/test/index.type-test.tsx b/test/index.type-test.tsx
@@ -28,7 +28,7 @@ const StyledImageWithDynamicProps = extendedStyled.Image((props: {active: boolea
 
 const StyledTouchable = extendedStyled.Touchable({width: 100})
 const StyledTouchableWithDynamicProps = extendedStyled.Image((props: {active: boolean}) => ({width: props.active ? 100 : 50}))
-
+const ViewWithText = extendedStyled.View({}).withChild(StyledText)
 
 const MyScreen = () => {
   return (
@@ -61,6 +61,8 @@ const MyScreen = () => {
 
       <StyledTouchable>Touchable</StyledTouchable>
       <StyledTouchableWithDynamicProps active>Touchable with dynamic style</StyledTouchableWithDynamicProps>
+
+      <ViewWithText />
     </>
   )
 }