# rn-dashline

> React Native虚线（兼容Android）

Latest version **1.0.0** (published 2017-05-27) · MIT license · 0 weekly downloads

## Install

```sh
npm install rn-dashline
pnpm add rn-dashline
yarn add rn-dashline
bun add rn-dashline
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.0 |
| Published | 2017-05-27 |
| First published | 2017-05-27 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 8 |
| Author | zdying |
| Maintainers | zdying |
| Keywords | react-native, dashline, dashed |

## Links

- npm: https://www.npmjs.com/package/rn-dashline
- Repository: https://github.com/qfight/rn-dashline
- Homepage: https://github.com/qfight/rn-dashline#readme
- Issues: https://github.com/qfight/rn-dashline/issues
- npm.io page: https://npm.io/package/rn-dashline

## Recent versions

- 1.0.0 (latest) — 2017-05-27

## README

# DashLine
React Native虚线组件（兼容Android）

## 为什么要有这个组件

目前，在Android上给某一边设置虚线，显示是不正常的。所以开发这个组件，去实现一条虚线。

**注意**： 目前只实现水平方向的虚线，如果有需要实现垂直方向的虚线，欢迎PR。

## 安装

```bash
npm install rn-dashline --save
```

## 使用

```js
import DashLine from 'rn-dashline';

export default ({}) => {
  return (
    <View style={{flexDirection: 'row'}}>
      {/* other components */}
      <DashLine style={{flex: 1, margin: 5}} lineWidth={2} />
    </View>
  )
}
```

## 属性
| 名称             | 类型    | 描述    |
|-----------------|--------|---------|
| color           | String | 线条颜色，默认：'black' |
| backgroundColor | String | 背景颜色，默认：'white' |
| lineWidth       | Number | 线条粗细，默认：1|
| style           | Object | 组件样式 |

## License

[MIT License](https://raw.githubusercontent.com/qfight/react-native-dashline/master/LICENSE)

---
_Source: https://npm.io/package/rn-dashline · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._
