如何将图像集中在视图中，以反映本机
提问于 2018-03-07 03:24:24
我有一个网格视图，在每个单元格中添加了一个视图，然后添加了一个图像，图像没有居中，代码如下所示
<ImageBackground
source={require('./images/marble.jpg')}
style={styles.backgroundImage}>
<GridView
itemDimension={130}
items={items}
style={styles.gridView}
renderItem={item => (
<View style={[styles.itemContainer, { backgroundColor: item.code }]}>
<View style={styles.CircleShapeView}>
<Image style={styles.iconItem} source={item.name}/>
</View>
</View>
)}
/>
</ImageBackground>
和风格是
const styles = StyleSheet.create({
backgroundImage: {
flex: 1,
resizeMode: 'cover', // or 'stretch'
},
CircleShapeView: {
width: 100,
height: 100,
borderRadius: 100,
backgroundColor: '#00BCD4'
},
gridView: {
paddingTop: 50,
flex: 1,
},
itemContainer: {
justifyContent: 'center',
alignItems:'center',
height:130
},
iconItem: {
alignItems:'center',
justifyContent: 'center'
}
});
输出如下所示
图像应该位于圆圈的中心，但它不是。
回答 2
Stack Overflow用户
回答已采纳
发布于 2018-03-07 03:30:22
您的图像在视图“CircleShapeView”中
CircleShapeView: {
width: 100,
height: 100,
borderRadius: 100,
backgroundColor: '#00BCD4',
justifyContent: 'center',
alignItems: 'center'
}Stack Overflow用户
发布于 2020-05-28 09:25:20
定观
justifycontent:center
alignitems:center页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/49150736
复制相关文章
![图像处理: 如何将 像素值 控制在 值域[0, 255]](https://ask.qcloudimg.com/http-save/yehe-3443194/0shuo0ptkn.jpeg)
点击加载更多
腾讯云开发者
