Блог

Получение этой проблемы с машинописным текстом » Тип «номер» не может быть присвоен типу «Отображение». ts(2322) » Это происходит при попытке добавить анимированное событие при прокрутке… знания о машинописи немного скудны, интересно, может ли кто-нибудь указать мне правильное направление? пожалуйста 🙂

Скриншот проблемы

Вот код, который у меня есть для отображения плоского списка

 const Carousel: FunctionComponent<CarouselProps> = ({ data }) => {
  if (data amp;amp; data.length) {
    return (
      <View>
        {data amp;amp; data.length amp;amp; (
          <FlatList
            data={data}
            keyExtractor={(item, index) => 'key'   index}
            horizontal
            pagingEnabled
            scrollEnabled
            scrollEventThrottle={16}
            snapToAlignment='center'
            decelerationRate={'fast'}
            showsHorizontalScrollIndicator={false}
            renderItem={({ item }) => {
              return <CarouselItem item={item} />;
            }}
            onScroll={Animated.event([{nativeElement: { contentOffset: { x: screenX }}}])}
          />
        )}
        <View style={styles.dotView}>
          {data.map((_: any, i: any) => {
            let opacity = position.interpolate({
              inputRange: [i - 1, i, i   1],
              outputRange: [0.3],
              extrapolate: 'clamp'
            });
            return (
              <Animated.View
                key={i}
                style={{
                  opacity,
                  height: 10,
                  width: 10,
                  margin: 8,
                  borderRadius: 5
                }}
              />
            );
          })}
        </View>
      </View>
    );
  } else {
    return null;
  }
}