Fix <List> types (#6756)

* fix List and ScrollView types

* add comment

* rm omitting ref
This commit is contained in:
Samuel Newman
2024-11-26 15:55:27 +00:00
committed by GitHub
parent 56a88098d2
commit ce1b04b925
10 changed files with 171 additions and 155 deletions
+3 -3
View File
@@ -1,5 +1,5 @@
import React from 'react'
import {ActivityIndicator, type FlatList, StyleSheet, View} from 'react-native'
import {ActivityIndicator, StyleSheet, View} from 'react-native'
import {AppBskyFeedDefs} from '@atproto/api'
import {msg, Trans} from '@lingui/macro'
import {useLingui} from '@lingui/react'
@@ -25,7 +25,7 @@ import {useComposerControls} from '#/state/shell/composer'
import {ErrorMessage} from '#/view/com/util/error/ErrorMessage'
import {FAB} from '#/view/com/util/fab/FAB'
import {TextLink} from '#/view/com/util/Link'
import {List} from '#/view/com/util/List'
import {List, ListMethods} from '#/view/com/util/List'
import {FeedFeedLoadingPlaceholder} from '#/view/com/util/LoadingPlaceholder'
import {Text} from '#/view/com/util/text/Text'
import {ViewHeader} from '#/view/com/util/ViewHeader'
@@ -130,7 +130,7 @@ export function FeedsScreen(_props: Props) {
error: searchError,
} = useSearchPopularFeedsMutation()
const {hasSession} = useSession()
const listRef = React.useRef<FlatList>(null)
const listRef = React.useRef<ListMethods>(null)
/**
* A search query is present. We may not have search results yet.
+3 -3
View File
@@ -1,15 +1,15 @@
import React from 'react'
import {FlatList, View} from 'react-native'
import {View} from 'react-native'
import {ScrollProvider} from '#/lib/ScrollContext'
import {List} from '#/view/com/util/List'
import {List, ListMethods} from '#/view/com/util/List'
import {Button, ButtonText} from '#/components/Button'
import * as Toggle from '#/components/forms/Toggle'
import {Text} from '#/components/Typography'
export function ListContained() {
const [animated, setAnimated] = React.useState(false)
const ref = React.useRef<FlatList>(null)
const ref = React.useRef<ListMethods>(null)
const data = React.useMemo(() => {
return Array.from({length: 100}, (_, i) => ({