Fix ref forwarding in web

src/view/com/util/Views.web.tsx

@@ -33,26 +33,13 @@ export function CenteredView({
   return <View style={style} {...props} />
 }
 
-export function FlatList<ItemT>({
+export const FlatList = React.forwardRef(function <ItemT>(
+  {
     contentContainerStyle,
     ...props
-}: React.PropsWithChildren<FlatListProps<ItemT>>) {
+  }: React.PropsWithChildren<FlatListProps<ItemT>>,
-  const theme = useTheme()
+  ref: React.Ref<RNFlatList>,
-  contentContainerStyle = addStyle(
+) {
-    contentContainerStyle,
-    styles.containerScroll,
-  )
-  contentContainerStyle = addStyle(
-    contentContainerStyle,
-    theme.colorScheme === 'dark' ? styles.containerDark : styles.containerLight,
-  )
-  return <RNFlatList contentContainerStyle={contentContainerStyle} {...props} />
-}
-
-export function ScrollView({
-  contentContainerStyle,
-  ...props
-}: React.PropsWithChildren<ScrollViewProps>) {
   const theme = useTheme()
   contentContainerStyle = addStyle(
     contentContainerStyle,
@@ -63,9 +50,35 @@ export function ScrollView({
     theme.colorScheme === 'dark' ? styles.containerDark : styles.containerLight,
   )
   return (
-    <RNScrollView contentContainerStyle={contentContainerStyle} {...props} />
+    <RNFlatList
+      contentContainerStyle={contentContainerStyle}
+      ref={ref}
+      {...props}
+    />
   )
-}
+})
+
+export const ScrollView = React.forwardRef(function (
+  {contentContainerStyle, ...props}: React.PropsWithChildren<ScrollViewProps>,
+  ref: React.Ref<RNFlatList>,
+) {
+  const theme = useTheme()
+  contentContainerStyle = addStyle(
+    contentContainerStyle,
+    styles.containerScroll,
+  )
+  contentContainerStyle = addStyle(
+    contentContainerStyle,
+    theme.colorScheme === 'dark' ? styles.containerDark : styles.containerLight,
+  )
+  return (
+    <RNScrollView
+      contentContainerStyle={contentContainerStyle}
+      ref={ref}
+      {...props}
+    />
+  )
+})
 
 const styles = StyleSheet.create({
   container: {