Merge pull request #17 from lohenyumnam/feature/enable-suppressHighli…

…ghting-iOS Feature/enable suppress highlighting i os
lohenyumnam · Dec 11, 2023 · a97a9a6 · a97a9a6
2 parents e3f947f + 74b5479
commit a97a9a6
Show file tree

Hide file tree

Showing 6 changed files with 5,567 additions and 3,333 deletions.
diff --git a/example/package.json b/example/package.json
@@ -9,19 +9,19 @@
     "web": "expo start --web"
   },
   "dependencies": {
-    "@types/react": "~18.2.14",
+    "@types/react": "~18.0.24",
     "@types/react-native": "~0.70.6",
-    "expo": "^49.0.0",
-    "expo-status-bar": "~1.6.0",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "react-native": "0.72.6",
-    "react-native-web": "~0.19.6",
-    "typescript": "^5.1.3"
+    "expo": "~47.0.12",
+    "expo-status-bar": "~1.4.2",
+    "react": "18.1.0",
+    "react-dom": "18.1.0",
+    "react-native": "0.70.5",
+    "react-native-web": "~0.18.9",
+    "typescript": "^4.6.3"
   },
   "devDependencies": {
-    "@babel/core": "^7.20.0",
-    "@expo/webpack-config": "^19.0.0",
+    "@babel/core": "^7.12.9",
+    "@expo/webpack-config": "^0.17.2",
     "babel-loader": "^8.1.0",
     "babel-plugin-module-resolver": "^4.1.0"
   },

diff --git a/example/src/App.tsx b/example/src/App.tsx
@@ -1,6 +1,7 @@
 import * as React from 'react';
-import { StyleSheet, Text, SafeAreaView, ScrollView, View } from 'react-native';
+import { SafeAreaView, ScrollView, StyleSheet, Text, View } from 'react-native';
 import { TruncatedTextView } from 'react-native-truncated-text-view';
+
 import { DATA } from './DUMMY_TEXT';
 
 export default function App() {
@@ -35,6 +36,10 @@ export default function App() {
             numberOfLines={5}
             enableShowLess={true}
             containerStyle={styles.textContainer}
+            numberOfLineGapOnExpanded={2}
+            onChangeExpandedStatus={(isExpended) => {
+              console.log('🚀 - file: App.tsx:41 - isExpended:', isExpended);
+            }}
           />
 
           <TruncatedTextView
@@ -106,8 +111,10 @@ const styles = StyleSheet.create({
     color: 'gray',
     lineHeight: 27,
     letterSpacing: 0.7,
+    // backgroundColor: 'red',
   },
   tailText: {
     color: 'gray',
+    // marginTop: lineHeight
   },
 });