2017-04-25 11 views
0

私はビューのレイアウトに苦労しています。私はランダムな画像(この場合はスターバックスのロゴ)を青いビューの左側に配置しようとしています。私はそれを左の境界線と揃えたい。どんなレイアウトのプロパティを使っても、期待通りに機能しません。ビューに画像を配置する

logoStyle:{ 
    width: 210, 
    height: 120, 
    left: 0, 
    resizeMode: 'contain', 
    backgroundColor: 'blue', 

    }, 

Here is how it looks

答えて

0

あなたは、バックグラウンドビューの左側の画像のロゴを入れたいです。ここに例があります:

 render() { 
      <View style={{flex: 1, backgroundColor: 'blue'}}> 
       <View style={{ flexDirection: 'row', 
        alignItems: 'flex-start', justifyContent: 'flex-start'}} > 
        <Image style={{width: 20, height: 20}} /> 
       </View> 
      </View> 
     } 

試してみてください!

Cheer!

+0

お返事ありがとうございました!私はあなたが提案した方法でそれをやったが、まだロゴを左に動かさない。私はflexプロパティでロゴを表示し、スタイルを適用します。 – misi06

+0

logoStyle:{ 幅:210、 高さ:120、 ResizeModeです: 'が含ま' flexDirection: '行' alignItems: 'フレックススタート' justifyContent: 'フレックススタート' のbackgroundColor: ' transparent '、 } – misi06

+0

私は私の答えを編集しました、plzもう一度やり直してください! @ misi06 – johnny

関連する問題