fix(scroll-shadow): linear gradient style type issue

Author: vvv-sss

example/src/app/(home)/components/scroll-shadow.tsx

@@ -1,7 +1,7 @@
 import { useHeaderHeight } from '@react-navigation/elements';
 import { LinearGradient } from 'expo-linear-gradient';
 import { ScrollShadow, Surface } from 'heroui-native';
-import { FlatList, Platform, ScrollView, Text, View } from 'react-native';
+import { Platform, ScrollView, Text, View } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { SectionTitle } from '../../../components/section-title';
 
@@ -27,14 +27,16 @@ export default function ScrollShadowScreen() {
     >
       <SectionTitle title="Horizontal" />
       <ScrollShadow LinearGradientComponent={LinearGradient}>
-        <FlatList
-          data={HORIZONTAL_ITEMS}
+        <ScrollView
           horizontal
-          renderItem={() => <Surface variant="2" className="w-32 h-16" />}
           showsHorizontalScrollIndicator={false}
           scrollEventThrottle={32}
           contentContainerClassName="p-5 gap-5"
-        />
+        >
+          {HORIZONTAL_ITEMS.map((item) => (
+            <Surface key={item.id} variant="2" className="w-32 h-16" />
+          ))}
+        </ScrollView>
       </ScrollShadow>
       <SectionTitle title="Vertical" />
       <ScrollShadow

src/components/scroll-shadow/scroll-shadow.types.ts

@@ -1,5 +1,5 @@
 import type { ComponentType } from 'react';
-import type { StyleProp, ViewProps, ViewStyle } from 'react-native';
+import type { ViewProps } from 'react-native';
 
 /**
  * Orientation of the scroll shadow
@@ -32,7 +32,7 @@ export interface LinearGradientProps {
   locations?: any;
   start?: any;
   end?: any;
-  style?: StyleProp<ViewStyle>;
+  style?: any;
 }
 
 export type LinearGradientComponent = ComponentType<LinearGradientProps>;