将图像放在视图中

Question

我正在努力寻找视图中的布局。我试图将随机图片（在本例中为星巴克标识）放在蓝色视图的左侧。我希望它与左边界对齐。无论我使用什么布局属性，它都没有像我期望的那样工作。

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

  },

Here is how it looks

Answer 1

您希望在背景视图的左侧放置图像徽标。这是一个例子：

      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>
       }

你可以尝试一下！

振作！