React Native Android删除基本水平边距

时间:2017-05-10 16:16:47

标签: android react-native

我想删除Android上的基本保证金。

例如:

在iOS上预览图片:

1

以下是Android上的内容: screenshot_1494432478

在ios预览中,仍然显示下一个滑块的“小块”。但在Android上没有“小块”。

我已经尝试将我的卡设置为基于设备宽度,但它会破坏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相同的结果?

感谢。

1 个答案:

答案 0 :(得分:1)

我使用 containerStyle 道具

解决了此问题
  

<Card
     containerStyle={styles.CardStyle} >

/>
  

styles.js

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

containerStyle prop link for Card in react-native-elements