TypeScript React Native Flatlist: How to give renderItem the correct type of it’s item?

by

I know it’s an old question but people googling it might still appreciate it.

import { FlatList, ListRenderItem } from 'react-native'
/*
.
.
.
*/
  renderItem: ListRenderItem<Emoticon> = ({ item }) => (
    <ListItem title={item.name} checkmark={item.checked} />
  );

Related Contents:

  1. How do I decide whether @types/* goes into `dependencies` or `devDependencies`?
  2. Import class in definition file (*d.ts)
  3. How to configure custom global interfaces (.d.ts files) for TypeScript?
  4. TypeScript typings in npm @types org packages
  5. How to use Object.values with typescript?
  6. Types from both keys and values of object in Typescript
  7. ts-node ignores d.ts files while tsc successfully compiles the project
  8. NPM package cannot be used as a JSX Component – Type errors
  9. TypeScript 2: custom typings for untyped npm module
  10. Typescript, how to pass “Object is possibly null” error?
  11. Define a list of optional keys for Typescript Record
  12. Keyof inferring string | number when key is only a string
  13. TypeScript typings give me “index.d.ts is not a module”
  14. Destructuring nullable objects
  15. Usage of the TypeScript compiler argument ‘skipLibCheck’
  16. What’s the difference between Map and Record [duplicate]
  17. Extending Enum in typescript
  18. Generic Object type in typescript
  19. Typescript 2.0. “types” field in tsconfig.json
  20. A namespace-style import cannot be called or constructed, and will cause a failure at runtime
  21. Typescript does not copy d.ts files to build
  22. Variable ‘test’ is used before being assigned – Typescript
  23. Where should I place custom .d.ts files?
  24. Global types in typescript
  25. What is “DefinitelyTyped”?
  26. Write a declaration file for a default export module
  27. How should I use @types with TypeScript 2
  28. What are Typings in Typescript
  29. Add strong typing for react navigation props
  30. parameter implicitly has an ‘any’ type
  31. What is the TypeScript 2.0 / ES2015 way to import assert from Node.js?
  32. TypeScript Express Error Function
  33. How to mock React Navigation’s navigation prop for unit tests with TypeScript in React Native?
  34. vscode typescript: ‘Add all missing imports’ shortcut
  35. react native typescript ‘string’ is not assignable to parameter of type ‘never.’ in useNavigation
  36. Typescript input onchange event.target.value
  37. Exclude property from type
  38. What does the “as const” mean in TypeScript and what is its use case?
  39. TypeScript: Object.keys return string[]
  40. What is the “type” reserved word in TypeScript?
  41. Typescript error: TS7053 Element implicitly has an ‘any’ type
  42. Property ‘includes’ does not exist on type ‘string[]’
  43. How to avoid imports with very long relative paths in Angular 2?
  44. TypeScript typeof Function return value
  45. Error Message: “An interface can only extend an object type or intersection of object types with statically known members”
  46. Generic type to get enum keys as union string in typescript?
  47. Can you have optional destructured arguments in a Typescript function?
  48. How to get currently visible index in RN flat list
  49. Typescript: Can I define an n-length tuple type?
  50. How to check for the property type of an `unknown` value?

Leave a Comment