Breaking News: Grepper is joining You.com. Read the official announcement!

expo-image-picker

Hungry Horse answered on October 24, 2021 Popularity 6/10 Helpfulness 2/10

answer expo-image-picker

related expo image picker

expo-image-picker

Comment

import React, { useState, useEffect } from 'react';
import { Button, Image, View, Platform } from 'react-native';
import * as ImagePicker from 'expo-image-picker';

export default function ImagePickerExample() {
  const [image, setImage] = useState(null);

  const pickImage = async () => {
    // No permissions request is necessary for launching the image library
    let result = await ImagePicker.launchImageLibraryAsync({
      mediaTypes: ImagePicker.MediaTypeOptions.All,
      allowsEditing: true,
      aspect: [4, 3],
      quality: 1,
    });

    console.log(result);

    if (!result.canceled) {
      setImage(result.assets[0].uri);
    }
  };

  return (
    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
      <Button title="Pick an image from camera roll" onPress={pickImage} />
      {image && <Image source={{ uri: image }} style={{ width: 200, height: 200 }} />}
    </View>
  );
}

Popularity 6/10 Helpfulness 2/10 Language javascript

Source: docs.expo.dev

Tags: javascript

Link to this answer
Share Copy Link

Contributed on Apr 16 2023

Hungry Horse

0 Answers Avg Quality 2/10

Closely Related Answers

expo image picker

Comment

expo install expo-image-picker

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: Grepper

Tags: expo

Link to this answer
Share Copy Link

Contributed on Oct 24 2021

Roookas

0 Answers Avg Quality 2/10

expo image picker

Comment

import React, { useState, useEffect } from 'react';
import { Button, Image, View, Platform } from 'react-native';
import * as ImagePicker from 'expo-image-picker';

export default function ImagePickerExample() {
  const [image, setImage] = useState(null);

  const pickImage = async () => {
    // No permissions request is necessary for launching the image library
    let result = await ImagePicker.launchImageLibraryAsync({
      mediaTypes: ImagePicker.MediaTypeOptions.All,
      allowsEditing: true,
      aspect: [4, 3],
      quality: 1,
    });

    console.log(result);

    if (!result.cancelled) {
      setImage(result.uri);
    }
  };

  return (
    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
      <Button title="Pick an image from camera roll" onPress={pickImage} />
      {image && <Image source={{ uri: image }} style={{ width: 200, height: 200 }} />}
    </View>
  );
}

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: docs.expo.dev

Tags: expo

Link to this answer
Share Copy Link

Contributed on Jan 05 2022

Vivacious Vole

0 Answers Avg Quality 2/10

expo-image-picker

Contents

More Related Answers

expo-image-picker

Closely Related Answers

expo image picker

expo image picker

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.