undefined не является объектом (оценка config.options [0]) React Native - PullRequest
Новая
       76

undefined не является объектом (оценка config.options [0]) React Native

0 голосов
/ 04 августа 2020

Я разрабатываю приложение React Native для IPhone. Мне нужно загрузить изображение из приложения IPhone в IPhone. Ниже приведен код, который показывает параметры, как только мы нажимаем «Добавить фото» '.

FeedBackScreen. js: 

import React, { Component } from 'react';
import { View, Text, StyleSheet, FlatList, Dimensions, TouchableOpacity, Image } from 'react-native';
import { ActionSheet, configuration, onSelect, Root, options } from 'native-base';

const width = Dimensions.get('window').width;
export default class FeedBackScreen extends Component {
  constructor(props) {
    super(props);
    this.state = {
      fileList: []
    }
  }

  onClickAddPhoto = () => {
    const BUTTONS = ['Take Photo', 'Choose Photo Library', 'Cancel'];
    ActionSheet.show({
      configuration: {
        options: BUTTONS,
        cancelButtonIndex: 2,
        title: 'Select a Photo'
      }
    },{
      onSelect: buttonIndex => {
        switch (buttonIndex) {
          case 0:
            break;
          case 1:
            break;
          default:
            break;
        }
      }
    })
  }

  renderItem = ({ item, index }) => {
    return (
      <View>
        <Image
          source={item.url}
          style={styles.itemImage}
        />
      </View>
    )
  };

  render() {
    let { content, btwPressStyle } = styles;
    let { fileList } = this.state;
    return (
      <Root>
        <View style={content}>
          <Text>Sample React Native Add Image</Text>
          <FlatList
            data={fileList}
            renderItem={this.renderItem}
            keyExtractor={(item, index) => index.toString()}
            extraData={this.state}
          />
          <TouchableOpacity onPress={this.onClickAddPhoto}
            style={styles.btwPressStyle}>
            <Text>Add Photo</Text>
          </TouchableOpacity>
        </View>
      </Root>
    )
  }
};

const styles = StyleSheet.create({
  content: {
    flex: 1,
    alignItems: 'center',
    marginTop: 50
  },
  btwPressStyle: {
    backgroundColor: 'blue',
    height: 50,
    width: 100,
    alignItems: 'center'
  },
  itemImage: {
    backgroundColor: '#2F455C',
    height: 150,
    width: width - 60,
    borderRadius: 8,
    resizeMode: 'contain'
  }
})

Ранее я установил следующие пакеты:

npm установить - -save react-native-image-crop-picker

npm install --save native-base

Когда я бегу, я получаю следующая ошибка:

TypeError: undefined не является объектом (оценка 'config.options [0]')

Не могли бы вы помочь мне, где я ошибаюсь? Заранее спасибо

1 Ответ

0 голосов
/ 04 августа 2020

Если вы видите документацию nativebase ActionSheet , в методе show () нет именованного параметра configuration.

Итак, вы должны показать ActionSheet, используя приведенный ниже код: 

  onClickAddPhoto = () => {
    const BUTTONS = ['Take Photo', 'Choose Photo Library', 'Cancel'];
    ActionSheet.show({
      options: BUTTONS,
      cancelButtonIndex: 2,
      title: 'Select a Photo'
    }, 
      buttonIndex => {
        switch (buttonIndex) {
          case 0:
            break;
          case 1:
            break;
          default:
            break;
        }
    })
  }

Удалить параметр configuration и передать параметры напрямую.

Также обратите внимание, что в show () нет параметра onSelect, это просто buttonIndex.

...