类型 'ListRenderItem<IPhotos>' 不可分配给类型 'ListRenderItem<unknown>

Question

为什么我会收到此错误：

Type 'ListRenderItem<IPhotos>' is not assignable to type 'ListRenderItem<unknown>

代码：

import { Dimensions, Image, ListRenderItem, Pressable, StyleSheet, Text, View } from 'react-native'
import React from 'react'
import { IImageSlider } from './Model'
import { FlatList } from 'react-native-gesture-handler'
import { IPhotos } from '../Product'
import Animated from 'react-native-reanimated'

const { width } = Dimensions.get('window');

const AnimatedFlatlist = Animated.createAnimatedComponent(FlatList);

const ImageSlider = ({ photos }: IImageSlider) => {
  const renderItem: ListRenderItem<IPhotos> = ({ item }) => {
    return (
      <Pressable>
        <Image source={{uri: item.photo}} style={s.image} resizeMode='contain' />
      </Pressable>
    )
  };
  return (
    <AnimatedFlatlist
      data={photos}
      renderItem={renderItem}
      keyExtractor={(item) => item.image_id}
      pagingEnabled
      horizontal
      style={s.flatList}
    />
  )
}

我做错了什么？如果我用 flatlist 替换 animated flatlist 那么它可以工作，但我必须使用 Animated.谁能帮我解决这个 ts 错误？

Answer 1

这不是错误，只是类型 react-native-reanimated 的问题。确保你有正确的 @types/react-native.

版本

您可以在下方找到有关此问题的更多信息。 https://github.com/software-mansion/react-native-reanimated/issues/719

类型 'ListRenderItem<IPhotos>' 不可分配给类型 'ListRenderItem<unknown>

Type 'ListRenderItem<IPhotos>' is not assignable to type 'ListRenderItem<unknown>

typescript

react-native