第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

基于狀態(tài)的圖像加載

基于狀態(tài)的圖像加載

HUWWW 2022-06-09 16:11:02
我想根據(jù)從 API 調(diào)用獲得的狀態(tài)加載圖像。例如,如果 API 給我'1',我想加載1.png. 不幸的是,我收到了上述錯(cuò)誤。這是我的代碼let img = info.WeatherIcon ? require(`../../img/icons/${info.WeatherIcon}.png`) : require('../../img/icons/7.png')< Image style = {{ width:120, height:120}} source = { img } />
查看完整描述

1 回答

?
梵蒂岡之花

TA貢獻(xiàn)1900條經(jīng)驗(yàn) 獲得超5個(gè)贊

您不能使用動(dòng)態(tài)鏈接。根據(jù) React-Native,在編譯包之前需要加載所有圖像源。


所以改變你的代碼如下,


let img =

  info.WeatherIcon == "1"

    ? require("../../img/icons/1.png")

    : require("../../img/icons/7.png");

然后你可以渲染你的Image


<Image style={{ width: 120, height: 120 }} source={img} />

對(duì)于更復(fù)雜的示例,您可以使用如下條件,


switch (info.WeatherIcon) {

  case "1":

    return require("../../img/icons/1.png");

  case "2":

    return require("../../img/icons/2.png");

  case "3":

    return require("../../img/icons/3.png");

  default:

    return require("../../img/icons/7.png");

}

希望這對(duì)您有所幫助。隨意質(zhì)疑


查看完整回答
反對(duì) 回復(fù) 2022-06-09
  • 1 回答
  • 0 關(guān)注
  • 174 瀏覽
慕課專(zhuān)欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢(xún)優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)