diff --git a/src/view/com/util/Views.web.tsx b/src/view/com/util/Views.web.tsx
index c16070b2b6..f00d3c072c 100644
--- a/src/view/com/util/Views.web.tsx
+++ b/src/view/com/util/Views.web.tsx
@@ -33,26 +33,13 @@ export function CenteredView({
return
}
-export function FlatList({
- contentContainerStyle,
- ...props
-}: React.PropsWithChildren>) {
- const theme = useTheme()
- contentContainerStyle = addStyle(
+export const FlatList = React.forwardRef(function (
+ {
contentContainerStyle,
- styles.containerScroll,
- )
- contentContainerStyle = addStyle(
- contentContainerStyle,
- theme.colorScheme === 'dark' ? styles.containerDark : styles.containerLight,
- )
- return
-}
-
-export function ScrollView({
- contentContainerStyle,
- ...props
-}: React.PropsWithChildren) {
+ ...props
+ }: React.PropsWithChildren>,
+ ref: React.Ref,
+) {
const theme = useTheme()
contentContainerStyle = addStyle(
contentContainerStyle,
@@ -63,9 +50,35 @@ export function ScrollView({
theme.colorScheme === 'dark' ? styles.containerDark : styles.containerLight,
)
return (
-
+
)
-}
+})
+
+export const ScrollView = React.forwardRef(function (
+ {contentContainerStyle, ...props}: React.PropsWithChildren,
+ ref: React.Ref,
+) {
+ const theme = useTheme()
+ contentContainerStyle = addStyle(
+ contentContainerStyle,
+ styles.containerScroll,
+ )
+ contentContainerStyle = addStyle(
+ contentContainerStyle,
+ theme.colorScheme === 'dark' ? styles.containerDark : styles.containerLight,
+ )
+ return (
+
+ )
+})
const styles = StyleSheet.create({
container: {