2017-06-07 21 views
0

React-Nativeで、widthheightの中にstyleという小文字を入れずに画像を表示できますか?
私は、画像が実際の大きさでレンダリングされているか、レンダリングされているすべての領域を占めるようにしたいと思います。私はこの記事を読んで、そのメソッドを実装しようとしたが、成功しません宣言していない状態のネイティブ表示画像

(ResizeModeですが、例えばカバーするように設定されているかどうか。):ここでhttps://medium.com/the-react-native-log/tips-for-react-native-images-or-saying-goodbye-to-trial-and-error-b2baaf0a1a4d

は私のコードです:

<View> 
     <Image 
     source={{ uri: 'https://upload.wikimedia.org/wikipedia/en/c/c8/Marvelwolverine.jpg' }} 
     style={{ 
      flex: 1, 
      height: undefined, 
      width: undefined, 
     }} 
     /> 
    </View> 

が、何も得ませんハードコードwidthheightを指定しない限り印刷されます。

答えて

2

あなたは

<View style={{ flex: 1 }}> 
      <Image source={{ uri:'http://...'}} 
       style={{ 
        alignSelf: 'stretch', 
        flex: 1, 
       }} 
      /> 
     </View> 
+0

'resizeMode'が間違っていましたが、'予想通りalignSelf'の動作を試みることができます。 Check:https://snack.expo.io/ryhO6dSf- – zvona

+0

私はわかりません。私はresizeModeでいくつかの結果を得ました。どちらかを「センター」または「カバー」などに設定します。私が試したいくつかの変更は次のとおりです:https://snack.expo.io/BJFA-FBzZ。イメージが実際のサイズでレンダリングされたようですが、それは中心に置かれています... https://snack.expo.ioを見せてくれてありがとう!非常に便利です 私は答えが良いと思いますが、私はこのイメージレンダリングのものにもっと深いものがあると信じています... –

関連する問題