7108–ReactNative FlatList and Detail View

Media Files

No media files provided.

Project Submission

+ Submit Assignment

Your submissions

Requirement

Please use the ReactNative's FlatList to create a list view with a detail view application.

https://facebook.github.io/react-native/docs/flatlist.html

  1. When tapping on the list item, a detail view shows. (in Android, no need to have animation. in iOS, please use NavigatorIOS)
  2. The detail view might be implemented in Webview.
  3. When clicking back button, the app goes to root view (in Android, this is handled by BackHandler. in iOS, the NavigatorIOS handles it)
  4. Hint: You might need TouchableOpacity and onPress to trigger navigation.

You can use any dataset. It is up to you.