feat(text-props): ✨ added pass props to two text

user can pass native props to texts
lohenyumnam · Oct 31, 2023 · 4633066 · 4633066
1 parent f6084a7
commit 4633066
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 2 deletions.
diff --git a/src/component/truncated_text_view.tsx b/src/component/truncated_text_view.tsx
@@ -25,7 +25,13 @@ if (
 }
 
 export const TruncatedTextView = (props: TruncatedTextViewProps) => {
-  const { style, tailTextStyle, containerStyle } = props;
+  const {
+    style,
+    tailTextStyle,
+    containerStyle,
+    textPropsRoot,
+    textPropsChild,
+  } = props;
   const {
     text: fullText,
     lineHeight = DEFAULT_LINE_HEIGHT,
@@ -129,6 +135,7 @@ export const TruncatedTextView = (props: TruncatedTextViewProps) => {
             style={[style, { lineHeight }]}
             numberOfLines={isExpanded ? 0 : numberOfLines}
             onTextLayout={_handleTextLayout}
+            {...textPropsRoot}
           >
             {fullText}
             {_shouldShowTailView && '\n'}
@@ -149,6 +156,7 @@ export const TruncatedTextView = (props: TruncatedTextViewProps) => {
               <Text
                 style={[styles.tailText, tailTextStyle, { lineHeight }]}
                 onPress={_handlePress}
+                {...textPropsChild}
               >
                 {isExpanded ? expandedText : collapsedText}
               </Text>

diff --git a/src/types/types.ts b/src/types/types.ts
@@ -1,4 +1,4 @@
-import type { StyleProp, TextStyle, ViewStyle } from 'react-native';
+import type { StyleProp, TextStyle, TextProps, ViewStyle } from 'react-native';
 
 export type TruncatedTextViewProps = {
   /**
@@ -60,4 +60,14 @@ export type TruncatedTextViewProps = {
    * Whether to enable layout animation, default value is true
    */
   enableLayoutAnimation?: boolean;
+
+  /**
+   * Apply text props to root text
+   */
+  textPropsRoot?: TextProps;
+
+  /**
+   * Apply text props to child text
+   */
+  textPropsChild?: TextProps;
 };