SortableList ref prop (#2948)

* Added forwarding ref to the inner flat list of SortableList

* Changed ref to be a prop

* Moved ref to original prop type

* removed extra lines

* Changed ref prop name

Author: nitzanyiz

src/components/sortableList/index.tsx

@@ -26,7 +26,7 @@ function generateLockedIds<ItemT extends SortableListItemProps>(data: SortableLi
 
 const SortableList = <ItemT extends SortableListItemProps>(props: SortableListProps<ItemT>) => {
   const themeProps = useThemeProps(props, 'SortableList');
-  const {data, onOrderChange, enableHaptic, scale, itemProps, horizontal, ...others} = themeProps;
+  const {data, onOrderChange, enableHaptic, scale, itemProps, horizontal, listRef, ...others} = themeProps;
 
   const itemsOrder = useSharedValue<string[]>(generateItemsOrder(data));
   const lockedIds = useSharedValue<Dictionary<boolean>>(generateLockedIds(data));
@@ -75,12 +75,12 @@ const SortableList = <ItemT extends SortableListItemProps>(props: SortableListPr
       scale
     };
   }, [data]);
-
   return (
     <GestureHandlerRootView>
       <SortableListContext.Provider value={context}>
         <FlatList
           {...others}
+          ref={listRef}
           horizontal={horizontal}
           data={data}
           CellRendererComponent={SortableListItem}

src/components/sortableList/types.ts

@@ -1,4 +1,5 @@
-import {FlatListProps} from 'react-native';
+import {ForwardedRef} from 'react';
+import {FlatListProps, FlatList} from 'react-native';
 import {SortableListContextType} from './SortableListContext';
 
 export interface SortableListItemProps {
@@ -30,4 +31,8 @@ export interface SortableListProps<ItemT extends SortableListItemProps>
    * Extra props for the item
    */
   itemProps?: {margins?: {marginTop?: number; marginBottom?: number; marginLeft?: number; marginRight?: number}};
+  /**
+   * List forwarded ref.
+   */
+  listRef?: ForwardedRef<FlatList<ItemT>>
 }