android - React Native Android 删除基本水平边距

Question

我想删除 Android 上的基本边距。

例如:

在 iOS 上预览图像:

这是它在 Android 上的表现:

在 ios 预览中，仍然显示下一个 slider 的“小块”。但在安卓上没有“小块”。

我已经尝试将我的卡片设置为基于设备宽度，但它会破坏 card 组件，因为根本没有水平边距。而且我已经尝试将所有边距和填充水平设置为 0 仍然没有运气。

<Card
    key={i}
    fontFamily={'Circular'}
    image={card.image}
    imageStyle={{height: 150, overflow: 'hidden'}}
    containerStyle={{
        marginBottom: 10, paddingVertical: 0, paddingHorizontal: 0, marginHorizontal: 0, width: Dimensions.get('width').width(),
        borderRadius: 10
    }}
>

如何获得与 iOS 相同的结果？

谢谢。

Answer 1

我使用 containerStyle 属性解决了这个问题

Card

<Card
     containerStyle={styles.CardStyle} >

/>

styles.js

const styles=StyleSheet.create({
   CardStyle: {
        marginLeft: 0,
        marginRight: 0
}
})

containerStyle prop link for Card in react-native-elements