Загрузка локального образа в react native 0.60.3 и Xcode 11 - PullRequest
Новая
       52

Загрузка локального образа в react native 0.60.3 и Xcode 11

0 голосов
/ 07 мая 2020

Отредактировано: только не работает в версии

Я использую собственную версию реакции 0.60.3. Прежде чем через год создайте приложение с локальными изображениями, и оно хорошо работает. Я обновляю Xcode до версии 11, и старый код и изображения также работают хорошо. Я пытаюсь добавить новые изображения для темного режима, но изображение не отображается, ошибки нет, только пустое пространство. В коде используйте изображения из файла js, например: "url":require("../images/page1.png").

Изображения добавляются для копирования ресурсов пакета.

Я пробую с помощью команды: npx react-native bundle --entry-file='index.ios.js' --bundle-output='./ios/main.jsbundle' --dev=false --platform='ios' --assets-dest='./ios

и копирую активы и main.jsbundle в Xcode и получаю те же результаты, прежде чем У меня нет папки ресурсов в XCode, изображения находятся в ресурсах пакета копирования. Старые изображения работают (которые добавлены до одного года), новые изображения не работают. Я что-то пропустил? У меня нет ошибки, и я не знаю, как исправить эту проблему.

Мой код: 

   <CustomImage 
        width={getImgWidth} height={getImgHeight} 
        lightpath={it.url} 
        darkpath={it.urldark}
        darkmode={theme.darkmode} />

CustomImage. js

const CustomImage = (props) => {
  return (
   <View style={{ width: props.width, height: props.height }}>
  {props.darkmode ? (
    <Image
      resizeMode="contain"
      style={{ width: props.width, height: props.height }}
      source={props.darkpath}
    />
     ) : (
    <Image
      resizeMode="contain"
      style={{ width: props.width, height: props.height }}
      source={props.lightpath}
    />
  )}
  </View>
 );
 };

1 Ответ

0 голосов
/ 07 мая 2020

Так как props.darkpath = require("../images/page1.png")
Не могли бы вы попробовать: 

<Image
      resizeMode="contain"
      style={{ width: props.width, height: props.height }}
      source={`${props.darkpath}`}
    />
...