singh100ful

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
  <dict>
    ...
    <key>NSPhotoLibraryUsageDescription</key>
    <string>$(PRODUCT_NAME) would like access to your photo gallery</string>
    <key>NSCameraUsageDescription</key>
    <string>$(PRODUCT_NAME) would like to use your camera</string>
    <key>NSPhotoLibraryAddUsageDescription</key>

singh100ful

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
  package="com.app">
  <uses-permission android:name="android.permission.CAMERA" />
  <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
  
  <application
      android:name=".MainApplication"
      ...>
    ...
  </application>

singh100ful

<Formik initialValues={{ image1: '' }} onSubmit={this.handleSubmit}>
  {(formProps) => (
    <View>
      <View style={{flexDirection: 'row'}}>
        <Text>Image 1:</Text>
        <TouchableOpacity
          activeOpacity={0.5}
          style={{
            backgroundColor: '#04b040',
            borderRadius: 15,

singh100ful

const options = {
  title: 'Select Avatar',
  storageOptions: {
    skipBackup: true,
    path: 'images',
  },
};

ImagePicker.showImagePicker(options, (response) => {
  if (response.uri) {

singh100ful

<Formik initialValues={{ image1: '' }} onSubmit={this.handleSubmit}>
  {(formProps) => (
    <View>
      <View style={{flexDirection: 'row'}}>
        <Text>Image 1:</Text>
        <TouchableOpacity
          activeOpacity={0.5}
          style={{
            backgroundColor: '#04b040',
            borderRadius: 15,

singh100ful

import React, {Component} from 'react';
import {Formik} from 'formik';
import ImagePicker from 'react-native-image-picker';
import {
  View,
  Text,
  TouchableOpacity
} from 'react-native';

export deafault class App extends Component {

singh100ful

NetworkFlipperPlugin networkFlipperPlugin = new NetworkFlipperPlugin();
  NetworkingModule.setCustomClientBuilder(
    new NetworkingModule.CustomClientBuilder() {
    @Override
    public void apply(OkHttpClient.Builder builder) {
      // builder.addNetworkInterceptor(new FlipperOkhttpInterceptor(networkFlipperPlugin)); comment here
    }
  });
client.addPlugin(networkFlipperPlugin);
client.start();

singh100ful

@Override
  public void onCreate() {
    super.onCreate();
    SoLoader.init(this, /* native exopackage */ false);
    //initializeFlipper(this, getReactNativeHost().getReactInstanceManager()); <-comment here
  }

singh100ful

const options = {
  title: 'Select Picture',
  storageOptions: {
    skipBackup: true,
    path: 'images',
  },
  maxWidth: 500,
  maxHeight: 500,
  quality: 0.5,
  videoQuality: 'medium'

singh100ful

import React, {Component} from 'react';
import {RNCamera} from 'react-native-camera';
import {View, TouchableOpacity, Text} from 'react-native';

export class App extends Component {
  takePicture = async () => {
    if (this.camera) {
      const options = { width: 500, quality: 0.5 };
      const data = await this.camera.takePictureAsync(options);
      console.log(data.uri);