FlatList 의 renderItem 에 타입 지정하기

react-native가 제공해주는 ListRenderItem 을 사용하면 됩니다.

 

import {FlatList, ListRenderItem} from 'react-native';

interface AddrProps {
  jibunAddr: string;
  roadAddr: string;
  roadAddrPart1: string;
}

const Addr = () => {

    const renderItem: ListRenderItem<AddrProps> = ({item}) => {
        return (
          <ListWrapper
            activeOpacity={0.6}
            onPress={() => {
              navigation.navigate(navigate, {
                jibun: item.jibunAddr,
              });
            }}>
            <ListTitle>{item.jibunAddr}</ListTitle>
            <ListsubTitle>{item.roadAddr}</ListsubTitle>
          </ListWrapper>
        );
      };


       ...
   
   
}