如何在本地使用本地圖像？

正如this Tutorial說，它會很容易到本地存儲的圖像添加到TabItem的（或任何部分）：如何在本地使用本地圖像？

XCode中添加圖像到images.xcassets
要求它像這樣「圖標= {要求（「像鉛筆！」）}」（圖像的名稱是‘鉛筆’）

我所得到的則是在iOS的模擬器異常有以下文字：

需要未知模塊「圖像！鉛筆」。如果您確定模塊爲，請嘗試重新啓動打包程序

這裏出現了什麼問題？教程？或者有反應原生更改完成？

代碼：

class devdactic_tabs extends Component { 

constructor(props) { 
    super(props); 
    this.state = { 
     selectedTab: 'welcome' 
    }; 
} 

render() { 
    return (
     <TabBarIOS selectedTab={this.state.selectedTab}> 
      <TabBarIOS.Item 
       selected={this.state.selectedTab === 'welcome'} 
       icon={require('image!pencil')} 
       onPress={() => { 
      this.setState({ 
       selectedTab: 'welcome', 
      }); 
     }}> 
       <Welcome/> 
      </TabBarIOS.Item> 
      <TabBarIOS.Item 
       selected={this.state.selectedTab === 'more'} 
       systemIcon="contacts" 
       onPress={() => { 
      this.setState({ 
       selectedTab: 'more', 
      }); 
     }}> 
       <More/> 
      </TabBarIOS.Item> 
     </TabBarIOS> 
    ); 
}

}

來源

2015-10-17 delete

我有同樣的問題。我通過將文件夾名稱命名爲圖標的確切名稱來解決它。在你的情況：pencil.imageset - >圖像pencil.png和[email protected]。之後，重新啓動打包程序並構建新的應用程序。應該工作然後 – BigPun86

文件名必須與images.xcassets中的資源名稱完全相同。

例如，當您添加一個名爲「foobar」的新圖像集時，分配給該集的所有圖像必須命名爲「foobar.png」。如果您使用例如Glyphishpro-Images，圖像文件以數字爲前綴。如果您然後將這些圖像重命名爲沒有這個數字的名稱，您將會得到這個錯誤！

我最近幾天遇到了這個問題......它也是你的嗎？

來源

2015-10-17 17:32:54 itinance

我有同樣的問題。我通過將文件夾名稱命名爲圖標的確切名稱來解決它。在你的情況：pencil.imageset - >圖像pencil.png和[email protected]。之後，重新啓動打包程序並構建新的應用程序。應該工作 – BigPun86

請按照有關如何將資源添加到iOS和Android項目的official tutorial。

還要確保：

注：需要新的資源任何時候你添加新資源，以Images.xcassets則需要通過Xcode中重新構建應用程序之前，你可以用它構建應用程序 - 模擬器內的重新加載是不夠的。

來源

2015-10-17 17:16:36

我現在做:)顯然，我仍然做一切正確。我清理了這個項目，重新設置了模擬器。這些文件是可用的，Xcode的具體設置也 – delete

有一個只允許PNG文件的iOS，一個快速修復重命名鉛筆擴展到PNG，你試過嗎？ –

假設我想從相機庫中顯示一個圖像。如何使用圖片標籤顯示圖片？看起來React Native總是在資產中搜索圖像，而我無法從本地存儲傳遞圖像路徑。 –

如何在本地使用本地圖像？

回答

相關問題