@ant-design/react-native 记录一下如何去掉List Item的下划线

如何去掉List Item的下划线

此方法我是从ant-design-mobile-rn的issues中找到的,怕自己以后搞忘,现在做一个记录。

首先下划线是List.Item的特定样式,无法通过赋予 style 进行覆盖。

特定样式都是通过styles属性去覆盖。

代码:

          <List.Item
            arrow="horizontal"
            extra='更多'
            style={{ borderBottomWidth: 0 }}
          >
            用style去覆盖并不起作用
          </List.Item>
          <List.Item
            onPress={this.toDeptList}
            styles={{ Line: { borderBottomWidth: 0 } }}
            arrow="horizontal"
            extra='更多'
          >
            设置styles属性才能没有下划线
          </List.Item>

@ant-design/react-native 记录一下如何去掉List Item的下划线_第1张图片

还有其他想改的特定样式,可以看这里的样式文件。

完。

你可能感兴趣的:(学习笔记)