首页 > 解决方案 > 如何在 react native 中使用 react-native-image-picker 显示视频和图像

问题描述

import ImagePicker from 'react-native-image-picker';
   const options = {
      title: 'Select Image',
      takePhotoButtonTitle:'take a photo',
      chooseFromlibraryButtonTitle:'choose from gallery',
      quality:1 
    };

    class Upload extends Component <{}>{
        static navigationOptions = { header: null }

        constructor(){
            super()
            this.state ={
                ImageSource:null
            }
        }
        selectPhoto(){
                    ImagePicker.showImagePicker(options, (response) => {
                console.log('Response = ', response);

                if (response.didCancel) {
                console.log('User cancelled image picker');
                } else if (response.error) {
                console.log('ImagePicker Error: ', response.error);
                } else {
                let source = { uri: response.uri };  
                this.setState({
                  ImageSource: source,
                });
                }
                });
        }
  1. 如何在本机反应中显示带有图像的视频并使用 video soucr uri 状态仍然只显示图像 2.and 如果使用媒体类型仍然显示图像如何解决这个问题

标签: react-nativereact-native-image-picker

解决方案


您是为 Android/iOS/两者开发吗?看起来您必须mediaType={mixed}为 iOS 指定,并且您必须指定是否要查看 Android 的视频或图像。


推荐阅读