feat(v3.0.0): resolved linting issue and removed unwanted code

Author: maulikmi

example/src/App.tsx

@@ -8,14 +8,69 @@ import LottieView from 'lottie-react-native';
 
 const { width: screenWidth } = Dimensions.get('window');
 
+export default function App() {
+  const tabs = useMemo(() => tabData, []);
+  const flatListRef = useRef<FlatList>(null);
+
+  const onTabChange = useCallback((_item: TabsType, index: number) => {
+    flatListRef.current?.scrollToIndex({
+      animated: true,
+      index: index,
+    });
+  }, []);
+
+  return (
+    <View style={styles.container}>
+      <FlatList
+        ref={flatListRef}
+        data={tabs}
+        keyExtractor={(item) => item.name}
+        renderItem={({ item }: { item: TabsDataType }) => {
+          return (
+            <View
+              style={[
+                styles.slide,
+                {
+                  backgroundColor: item.activeTintColor,
+                },
+              ]}
+            >
+              <Text style={styles.titleText}>{item.name}</Text>
+            </View>
+          );
+        }}
+        scrollEnabled={false}
+        horizontal
+        bounces={false}
+        pagingEnabled
+        showsHorizontalScrollIndicator={false}
+      />
+      <TabBar
+        tabs={tabs as Array<TabsType>}
+        onTabChange={onTabChange}
+        containerWidth={screenWidth - 30}
+        containerBottomSpace={30}
+      />
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: { flex: 1 },
+  box: { width: 60, height: 60, marginVertical: 20 },
+  slide: { width: screenWidth, justifyContent: 'center', alignItems: 'center' },
+  titleText: { color: 'white' },
+  tabStyle: { width: 40, height: 40 },
+});
+
 const lottieIconStyle = {
   width: 30,
   height: 30,
 };
 
 const activeHome = (isPlay: boolean) => {
   return (
-    <View style={{ width: 40, height: 40 }}>
+    <View style={styles.tabStyle}>
       <LottieView
         source={require(`../assets/bar.json`)}
         autoPlay={isPlay}
@@ -28,7 +83,7 @@ const activeHome = (isPlay: boolean) => {
 
 const activeList = (isPlay: boolean) => {
   return (
-    <View style={{ width: 40, height: 40 }}>
+    <View style={styles.tabStyle}>
       <LottieView
         source={require(`../assets/cart.json`)}
         autoPlay={isPlay}
@@ -41,7 +96,7 @@ const activeList = (isPlay: boolean) => {
 
 const activeSearch = (isPlay: boolean) => {
   return (
-    <View style={{ width: 40, height: 40 }}>
+    <View style={styles.tabStyle}>
       <LottieView
         source={require(`../assets/search.json`)}
         autoPlay={isPlay}
@@ -75,57 +130,3 @@ const tabData: Array<TabsDataType> = [
     inactiveIcon: activeSearch(false),
   },
 ];
-
-export default function App() {
-  const tabs = useMemo(() => tabData, []);
-  const flatListRef = useRef<FlatList>(null);
-
-  const onTabChange = useCallback((_item: TabsType, index: number) => {
-    flatListRef.current?.scrollToIndex({
-      animated: true,
-      index: index,
-    });
-  }, []);
-
-  return (
-    <View style={styles.container}>
-      <FlatList
-        ref={flatListRef}
-        data={tabs}
-        keyExtractor={(item) => item.name}
-        renderItem={({ item }: { item: TabsDataType }) => {
-          return (
-            <View
-              style={[
-                styles.slide,
-                {
-                  backgroundColor: item.activeTintColor,
-                },
-              ]}
-            >
-              <Text style={styles.titleText}>{item.name}</Text>
-            </View>
-          );
-        }}
-        scrollEnabled={false}
-        horizontal
-        bounces={false}
-        pagingEnabled
-        showsHorizontalScrollIndicator={false}
-      />
-      <TabBar
-        tabs={tabs as Array<TabsType>}
-        onTabChange={onTabChange}
-        containerWidth={screenWidth - 30}
-        containerBottomSpace={30}
-      />
-    </View>
-  );
-}
-
-const styles = StyleSheet.create({
-  container: { flex: 1 },
-  box: { width: 60, height: 60, marginVertical: 20 },
-  slide: { width: screenWidth, justifyContent: 'center', alignItems: 'center' },
-  titleText: { color: 'white' },
-});

package.json

@@ -191,4 +191,3 @@
     "react-native-svg": "^15.7.1"
   }
 }
-