イメージの相対/ローカルディレクトリが見つかりません - ネイティブに反応します

Question

私のコンピュータファイルからイメージを表示しようとしています。ただし、表示されません。私は、デバッグの小さなビットを行なったし、私はこれに私のディレクトリを設定するとことがわかった：

source={{uri:'http://www.telegraph.co.uk/content/dam/Travel/galleries/travel/activityandadventure/The-worlds-most-beautiful-mountains/mountains-fitzroy_3374108a.jpg'}} 

私はそれになりたいとそれは画面の中央に画像を示しています。私はネットワークアドレスを使用したくない、私は相対アドレスを使用したい。だから私はこれを使用します：

source={{uri:'/./pictures/m.jpg'}} 

これを行うと、画像やエラーが表示されません。 イメージを相対ディレクトリに表示するにはどうすればよいですか？ここ はすべて私のコードです：ここでは

import React, { Component } from 'react'; 
import { Button,Alert, TouchableOpacity,Image, Dimensions } from 'react-native' 

import { 
    AppRegistry, 
    StyleSheet, 
    Text, 
    View, 
} from 'react-native'; 

class Project extends Component { 
    render() { 
    return (
     <View style={{backgroundColor: '#375D81', flex: 1}}> 

     <View style = {styles.container}> 
      <Image source={{uri: './pictures/Blur.png/'}} style={{ resizeMode: 'cover', width: 100, height: 100 }}/> 
      <TouchableOpacity style = {styles.buttonText1} onPress={() => { Alert.alert('You tapped the button!')}}> 
      <Text style={styles.text}> 
       Button 1 
      </Text> 
      </TouchableOpacity> 

      <TouchableOpacity style = {styles.buttonText2} onPress={() => { Alert.alert('You tapped the button!')}}> 
      <Text style= {styles.text}> 
       Button 2 
      </Text> 
      </TouchableOpacity> 

     </View> 
     </View> 
    ); 
    } 
} 

は私のフォルダです： 事前にありがとうございます。

Answer 1

ローカルディレクトリを使用する場合、次のようなrequire機能を使用することをお勧めし：

<Image source={{require('./pictures/Blur.png/')}} style={{ resizeMode: 'cover', width: 100, height: 100 }}/>