Установка образа требует динамического пути

Question

В реакции встроенной навигации я использую настраиваемый значок, я хочу иметь возможность изменять этот значок в зависимости от того, находится ли пользователь в темном или нормальном режиме. значение пути динамически. Я хочу вызвать встроенный метод, который возвращает имя файла значка.

<Marker
  coordinate={this.state.region}
  image={require("./" + {chkDarkMode()} + ".png")}
/>

Как я могу динамически установить изображение? Я видел условное, если длина равна нулю, но этот пример не позволяет использовать несколько возможных изображений.

Answer 1

Один из способов сделать это:

getImagePath = () => {
   return `./${chkDarkMode()}.png`
}

<Marker
coordinate={this.state.region}
image={getImagePath()}
/>

Answer 2

К сожалению, это запрещено.

Вместо этого вы можете позвонить require условно:

const image = darkMode ? require("./darkModeImage.png") : require("./lightModeImage.png")