thumbnails video react-native-image-picker

Question

Currently I'm playing with react-native-image-picker to launch camera either for capture photo or video and display on the thumnbails.

For photo, thumbnails is working just fine but for the video it's only appear a white space.

Here is my code inside pickImage function

-- photo

    const source = {uri: 'data:image/jpeg;base64,' + response.data, isStatic: true};
    let items = this.state.items;
    items.push({id:items.length, source:source});
    this.setState({items});

-- video

    const source = {uri: response.uri, isStatic: true};
    let items = this.state.items;
    items.push({id:items.length, source:source});
    this.setState({items});

hope you can help me. Thank you

Answer 1

It wouldn't work if you are using Image component from react-native to show thumbnails for video files. Currently there is no api/component that comes with react-native itself for this purpose. You can generate thumbnails using a third party library like react-native-create-thumbnail and show the thumbnails using Image.