narghar/MemeGenerator

MemeGenerator

Dependencies included:

• react-native-gesture-handler
• react-native-reanimated
• react-native-screens
• react-native-vector-icons
• react-navigation
• react-native-redash
• react-native-share
• react-native-fs
• react-native-view-shot

Setup

Prerequires

• yarn bootstrap

And project is ready :)

Overview

• Text
• View
• StyleSheet

Task 1

Create and render list of items with FlatList.

Task 2

Fetch and render items from https://api.imgflip.com/get_memes API.

Task 3

• Create simple stack navigator
• Create 2 Scenes: One for listing and second one which will render item on which you clicked.

Task 4

• Create TextInput
• Show typed text on Image
• Capture Image with Text on it. Use react-native-view-shot

Task 5

• Save / "Read" created meme. Use react-native-fs. In addition you can use react-native-share to share it through social media or save it on phone.

Task 6*

• Use PanGestureHandler from react-native-gesture-handler for Text positioning.