# @zellosoft/antd-react-native

> Antd RN - Cross-platform UI for React Native.

Latest version **5.0.7** (published 2022-08-28) · MIT license · 0 weekly downloads

## Install

```sh
npm install @zellosoft/antd-react-native
pnpm add @zellosoft/antd-react-native
yarn add @zellosoft/antd-react-native
bun add @zellosoft/antd-react-native
```

## Health

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

Positive: has types; esm support; no vulnerabilities; high quality score.

Warnings: low downloads.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 5.0.7 |
| Published | 2022-08-28 |
| First published | 2022-04-02 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 13 |
| Unpacked size | 1.7 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Maintainers | tientran0019 |
| Keywords | ant, design, react, react-component, component, components, ui, framework, frontend, mobile, react native |

## Links

- npm: https://www.npmjs.com/package/@zellosoft/antd-react-native
- Repository: https://github.com/zellosoft/antd-react-native
- Homepage: https://github.com/zellosoft/antd-react-native#readme
- Issues: https://github.com/zellosoft/antd-react-native/issues
- npm.io page: https://npm.io/package/@zellosoft/antd-react-native

## Dependencies (13)

- [rc-util](https://npm.io/package/rc-util.md) ^4.21.1
- [classnames](https://npm.io/package/classnames.md) ^2.2.1
- [shallowequal](https://npm.io/package/shallowequal.md) ^1.1.0
- [babel-runtime](https://npm.io/package/babel-runtime.md) ^6.x
- [utility-types](https://npm.io/package/utility-types.md) ^3.10.0
- [array-tree-filter](https://npm.io/package/array-tree-filter.md) ~2.1.0
- [@types/shallowequal](https://npm.io/package/@types/shallowequal.md) ^1.1.1
- [normalize-css-color](https://npm.io/package/normalize-css-color.md) ^1.0.2
- [react-native-codegen](https://npm.io/package/react-native-codegen.md) ^0.0.7
- [react-native-collapsible](https://npm.io/package/react-native-collapsible.md) ^1.6.0
- [react-native-modal-popover](https://npm.io/package/react-native-modal-popover.md) ^2.0.1
- [@ant-design/icons-react-native](https://npm.io/package/@ant-design/icons-react-native.md) ^2.3.1
- [@bang88/react-native-ultimate-listview](https://npm.io/package/@bang88/react-native-ultimate-listview.md) ^4.1.0

## Alternatives

- [@progress/kendo-ooxml](https://npm.io/package/@progress/kendo-ooxml.md) — 152.1K weekly downloads
- [@progress/kendo-react-ripple](https://npm.io/package/@progress/kendo-react-ripple.md) — 8.0K weekly downloads
- [@progress/kendo-react-orgchart](https://npm.io/package/@progress/kendo-react-orgchart.md) — 4.3K weekly downloads
- [@praxisui/dynamic-fields](https://npm.io/package/@praxisui/dynamic-fields.md) — 2.4K weekly downloads
- [@progress/kendo-vue-listbox](https://npm.io/package/@progress/kendo-vue-listbox.md) — 932 weekly downloads

## Recent versions

- 5.0.7 (latest) — 2022-08-28
- 5.0.6 — 2022-08-23
- 5.0.5 — 2022-08-16
- 5.0.4 — 2022-04-19
- 5.0.3 — 2022-04-02
- 5.0.2 — 2022-04-02
- 5.0.1 — 2022-04-02

## README

English | [简体中文](./README.zh-CN.md)

<p align="center">
  <a href="http://rn.mobile.ant.design">
    <img width="320" src="https://zos.alipayobjects.com/rmsportal/wIjMDnsrDoPPcIV.png">
  </a>
</p>

# Ant Design Mobile RN

[![](https://img.shields.io/travis/ant-design/ant-design-mobile-rn.svg?style=flat-square)](https://travis-ci.org/ant-design/ant-design-mobile-rn)
[![Codecov](https://img.shields.io/codecov/c/github/ant-design/ant-design-mobile-rn.svg?style=flat-square)](https://codecov.io/gh/ant-design/ant-design-mobile-rn)
[![npm package](https://img.shields.io/npm/v/@zellosoft/antd-react-native.svg?style=flat-square)](https://www.npmjs.org/package/zellosoft/antd-react-native)
[![Join the chat at https://gitter.im/ant-design/ant-design](https://img.shields.io/gitter/room/ant-design/ant-design.svg?style=flat-square)](https://gitter.im/ant-design/ant-design?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)

A configurable Mobile UI specification and React-based implementation.

> If you only care about the style you may give [[Tanjun]](https://github.com/bang88/Tanjun) a try.

## About Fork

- Fix Dynamic Themes.
- Change the default locale to `en_US`
- Added some new style.
## Features

- Follow Ant Design Mobile UI specification.
- Configurable UI style for different products.
- Support web and native usages based on React Native.
- Develop in TypeScript.

## Demo

**Preview in [ 🔗 Web Platform](https://1uokun.github.io/ant-design-mobile-rn/index.html)**. or<br>
**Download our Expo demo app** <br>
[<img width="250" alt="expo/ant-design-mobile-rn" src="https://qr.expo.dev/expo-go?owner=1uokun&slug=ant-design-mobile-rn&releaseChannel=default&host=exp.host" />](https://expo.dev/@1uokun/ant-design-mobile-rn) <br>
> Open the camera app on your device and scan the code above, <br>
need install expo app: https://expo.io/tools

```bash
# clone
git clone git@github.com:zellosoft/antd-react-native.git

# go to ant rn folder
cd antd-react-native

# install dependencies
yarn

# start ios
cd rn-kitchen-sink/ios && pod install
yarn ios

# start android
yarn android

# start expo
yarn expo
```

## Install & Usage

```bash
$ npm install @zellosoft/antd-react-native --save
```

or

```bash
yarn add @zellosoft/antd-react-native
```

### Installing peer dependencies

```bash
npm install @react-native-community/cameraroll @react-native-picker/picker @react-native-community/segmented-control @react-native-community/slider react-native-gesture-handler
```

or

```bash
yarn add @react-native-community/cameraroll @react-native-picker/picker @react-native-community/segmented-control @react-native-community/slider react-native-gesture-handler
```

> You need go to ios folder and run `pod install` (auto linking)，Android will handle it by itself.

### Link icon fonts

```bash
npx react-native link
```

[introduce](docs/react/introduce.en-US.md#安装)

## Links

- [Home Page](http://rn.mobile.ant.design)
- [Developer Instruction](development.en-US.md)
- [React components](http://github.com/react-component/)
- [Demos](https://github.com/ant-design/antd-mobile-samples)

## Contributing

We welcome all contributions, please read our [CONTRIBUTING.md](https://github.com/ant-design/ant-design-mobile-rn/blob/master/.github/CONTRIBUTING.md) first. You can submit any ideas as [pull requests](https://github.com/ant-design/ant-design-mobile-rn/pulls) or as a [GitHub issue](https://github.com/ant-design/ant-design-mobile-rn/issues). If you'd like to improve code, check out the [Development Instruction](https://github.com/ant-design/ant-design-mobile-rn/blob/master/development.en-US.md) and have a good time! :)

---
_Source: https://npm.io/package/@zellosoft/antd-react-native · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._
